ocean-ds / ocean-ios Goto Github PK
View Code? Open in Web Editor NEWBlu's Design System for iOS
License: GNU General Public License v3.0
Blu's Design System for iOS
License: GNU General Public License v3.0
Creates a checkbox component follow this figma handoff
Creates a card base component follow this figma handoff
Creates an input currency component follow this figma handoff
Is your feature request related to a problem? Please describe.
We must create a minimal guide for installation and usage on the readme file.
Describe the solution you'd like
ocean-tokens
and ocean-icons
as related projectsAdditional context
Example for a related projects section: https://github.com/ocean-ds/ocean-web#related-projects
This component has gone through a few changes in order to ensure consistency among all the list components. Here's what's changed:
Icon Background / States: Hover e Focused
background-color: $brand-primary-up
opacity: $opacity-level-light
Level 1 text
font-weight: $font-weight-regular
font-color: $interface-dark-pure
Transaction Value
Change names:
Positive -> Inflow
Negative -> Outflow
Value (outflow and default)
font-weight: $font-weight-medium
font-color: $interface-dark-pure
Value (inflow and cancelled)
font-weight: $font-weight-medium
Full handoff can be found at this link
Creates an icon button component follow this figma handoff
Is your feature request related to a problem? Please describe.
The blu iconography must be unique for all platforms, for that reason there's a project ocean-icons that centralizes the SVGs.
Describe the solution you'd like
Like we did for ocean-tokens
we can integrate this project with the ocean-icons
and export an ios version of these icons.
Remove Neutral 02
Tag, we are not using it
Change Neutral 03 to Complementary
Change Neutral 01 to Neutral
Add Tag Highlight (former Badge Text)
๐ Hand-off here.
HEADING 1, 2, 3 ๐
font-family: fontFamilyBase
font-weight: fontWeightExtraBold
line-height: lineHeightMedium
HEADING 4, 5 ๐
font-family: fontFamilyBase
font-weight: fontWeightBold
line-height: lineHeightLoose
SUBTITLE 1,2 ๐
line-heigt: lineHeightLoose
CAPTION ๐
font-weight: fontWeightRegular
CAPTION BOLD ๐
font-weight: fontWeightSemiBold
EYEBROW ๐
๐ Hand-off here.
it would be nice if developers could customize the color of the component instead of just sticking to the default one. That way, the component could work with different designs and needs.
We got rid of the shadow in every variation of this component ;P
We need to make a few adjustments on the Top Bar component:
๐ Follow this hand-off.
This new variant has an action/a button. Follow specs here.
I've written some specs about this issue in this Notion link: https://judesignblu.notion.site/Ajustes-Modal-Drawer-30a8e031064d467bbef2d7ddedf54159
Is your feature request related to a problem? Please describe.
We must consider tests when developing a library that supports other applications, because this brings some quality and facilitates new changes. So, I propose to configure this project to require 100% test coverage of what we are delivering.
Describe the solution you'd like
Describe alternatives you've considered
https://about.codecov.io/blog/code-coverage-for-ios-development-using-swift-xcode-and-github-actions/
Additional context
You can take what we've made in this project as a reference:
https://github.com/ocean-ds/ocean-web/blob/master/.github/workflows/ci.yml
Is your feature request related to a problem? Please describe.
All changes merged on master generate a new version of packages and in some cases, this shouldn't happen.
Changes that do not affect the API must not be deployed (examples: changes on non-source files). This brings minimal versions, changelog, and costumers package updates.
Describe the solution you'd like
As we have already used conventionalcommits pattern we can determine through the commit message what change this commit represents. If that change represents a major, minor, or patch we can generate and deploy a new version following the semver specification.
Describe alternatives you've considered
๐ Hand-off here.
Create the Link component following the Handoff sheet
Creates a transaction list component follow this figma handoff
Creates a caroussel component follow this figma handoff
Is your feature request related to a problem? Please describe.
Our contribution guide file is a little bit vague with "todos" spread everywhere. Besides that the prerequisites are wrong.
Describe the solution you'd like
Create a new Heading component. The only difference from Heading 4 is the font size, it should be 14px ($font-size-xxs).
๐ Handoff
Creates a text button critical component follow this figma handoff
Change font-weight from $font-weight-regular to $font-weight-medium.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.