Git Product home page Git Product logo

ocean-tokens's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

lpeil lthomaz

ocean-tokens's Issues

Change color token name

Change colors name from Status Neutral to Status Warning.
$color-status-neutral-pure -> $color-status-warning-pure
$color-status-neutral-up -> $color-status-warning-up
$color-status-neutral-down -> $color-status-warning-down
$color-status-neutral-deep -> $color-status-warning-deep

Status Color Adjust

Describe the solution you'd like
We did changes in the colors below (note: the pure color didn't change)
image

In this image, DEEP colors were old DOWN (with HEX adjust), and the DOWN colors in the image above are new.
The UP colors HEX was adjusted too.

Enable eslint for project quality

Is your feature request related to a problem? Please describe.
We don't have a code style guideline configured yet!

Describe the solution you'd like
We decided to adopt airbnb-core as baseline.

Additional context
Run yarn eslint during development, or catch offenses in Github PR.

Discussão - Modelo de versionamento e organização de pastas das plataformas (Web, iOS, Android)

Motivation

We need to provide a model for structuring the code and versioning that portrays the reality of having 3 types of outputs from a single project. Web, Android and iOS.

Current scenario

The current model only provides cases for the generation of Web tokens, but we still have the Android and iOS projects to be covered.

In conversation with Elton, we raised some possible points where improvements / adaptations would be necessary, such as CI configurations and versioning rules, so that we can work in a healthy way with the 3 platforms in harmony.

Possible solutions

Versioning

We talked about something that ultimately produces a result like:

web-v1.0.0
web-v1.1.0
web-v1.2.0

android-v1.0.0
android-v1.1.0
android-v1.2.0

ios-v1.0.0
ios-v1.1.0
ios-v1.2.0

The point is that this is only a part, as we have to define the correct version increment rule for each case.

To help solve the issue of the increment rule, we also thought about maybe changing the project's folder structure, where each platform would end up being independent to do its versioning.

platforms /
+ - ios
    + - formaters /
    + - package.json
+ - android
    + - formaters /
    + - package.json
+ - web
    + - formaters /
    + - package.json
src /
+ - tokens.yml
package.json

To help organize the solution above, Elton even suggested that we take a look at https://github.com/lerna/lerna to see if it works.

We would like to open this thread to make a decision on how we are going to proceed.

Add tokens for animation durations

Is your feature request related to a problem? Please describe.
In different places, the same animation has a different duration because we don't have a common pattern between platforms.

Describe the solution you'd like
I think we could create tokens that represent a variety of time duration to be used in animations.

Describe alternatives you've considered

The automated release is failing 🚨

🚨 The automated release from the next branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you can benefit from your bug fixes and new features again.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can fix this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the next branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here are some links that can help you:

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.


Missing package.json file.

A package.json file at the root of your project is required to release on npm.

Please follow the npm guideline to create a valid package.json file.


Good luck with your project ✨

Your semantic-release bot 📦🚀

2023 Tokens Update

🔄 - Update value
🆕 - Add token

COLORS

Interface Light
colorInterfaceLightUp: #F7F9FF -> #F3F5FE🔄
colorInterfaceLightDown: #EBECF5 -> #E0E2EE🔄
colorInterfaceLightDeep: #D8DAE8 -> #CED1E1🔄

Interface Dark
colorInterfaceDarkUp: #B6B9CC -> #AAADC0🔄


TYPOGRAPHY

Kill Avenir 🔪 💀
All fonts will be Nunito Sans. ⚠️


LINE HEIGHTS

lineHeightMedium: 124%
lineHeightLoose: 132% 🆕


SPACINGS

spacingStackXxsExtra: 12px 🆕


BORDER RADIUS

borderRadiusTiny: 4px 🆕
borderRadiusSm: 8px 🔄
borderRadiusMd: 12px 🔄


SHADOW
shadowLevel2 -> shadowLevel2Bottom 🔄
shadowLevel2Top: box-shadow: 0px **-8px** 16px 0px rgba(12, 13, 20, 0.08); (it can be applied to the mobile versions of Modals)

.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.