@narmi/design_system 1.19.0-beta.2 → 1.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "1.19.0-beta.2",
+  "version": "1.20.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "files": [
@@ -79,11 +79,11 @@
   "author": "@fkotsian, @reshav-abraham",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
+    "@tippyjs/react": "^4.2.6",
     "classcat": "^5.0.3",
     "flatpickr": "^4.6.9",
     "moment": "^2.29.1",
-    "raf-schd": "^4.0.3",
-    "react-laag": "^2.0.3"
+    "raf-schd": "^4.0.3"
   },
   "repository": {
     "type": "git",

package/CHANGELOG.md

@@ -1,305 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [1.18.0](https://github.com/narmi/design_system/compare/v1.17.0...v1.18.0) (2021-11-23)
-
-
-### Features
-
-* **Pagination:** add Pagination component ([a491bf5](https://github.com/narmi/design_system/commit/a491bf5272a52db28221102a3e192224ccd1157f))
-
-## [1.17.0](https://github.com/narmi/design_system/compare/v1.16.0...v1.17.0) (2021-11-22)
-
-
-### Features
-
-* **Row:** add `Row` layout component ([1f5ca8b](https://github.com/narmi/design_system/commit/1f5ca8bae7b30088d3b31409ddfa52d054bd70c8))
-
-## [1.16.0](https://github.com/narmi/design_system/compare/v1.15.0...v1.16.0) (2021-11-22)
-
-
-### Features
-
-* **helper-classes:** add color helpers for font and backgrounds ([62c7aa8](https://github.com/narmi/design_system/commit/62c7aa86a4d45a201f182a0f30b47c76c6a59c28))
-
-## [1.15.0](https://github.com/narmi/design_system/compare/v1.14.0...v1.15.0) (2021-11-19)
-
-
-### Features
-
-* **Card:** allow passing in icon size ([5eb8f19](https://github.com/narmi/design_system/commit/5eb8f194a08237cec541263b5ce8e5a748db180c))
-* **Card:** allow passing in icon size ([82bd362](https://github.com/narmi/design_system/commit/82bd36231a9741580a453593e5131e88d53ffd52))
-
-## [1.14.0](https://github.com/narmi/design_system/compare/v1.13.0...v1.14.0) (2021-11-19)
-
-
-### Features
-
-* **Classes:** add spacing and font helper classes ([65b8e69](https://github.com/narmi/design_system/commit/65b8e69c115e672b6ea54d09bbd7385bcb83bd42))
-
-## [1.13.0](https://github.com/narmi/design_system/compare/v1.12.1...v1.13.0) (2021-11-19)
-
-
-### Features
-
-* **Dialog:** add `Dialog` component ([dd9aefa](https://github.com/narmi/design_system/commit/dd9aefad18c1110d7ce42065997b24b5ceab0a8d))
-
-### [1.12.1](https://github.com/narmi/design_system/compare/v1.12.0...v1.12.1) (2021-11-16)
-
-
-### Bug Fixes
-
-* **Button:** pass custom `className` string through ([d3c0def](https://github.com/narmi/design_system/commit/d3c0def1d26063797d562fa23d4825e57e0d6a9d))
-
-## [1.12.0](https://github.com/narmi/design_system/compare/v1.11.0...v1.12.0) (2021-11-15)
-
-
-### Features
-
-* **Button:** add new  variants - secondary, plain ([1b9217f](https://github.com/narmi/design_system/commit/1b9217ff94c8d369604b5b7ae7d035dafb32e268))
-
-## [1.11.0](https://github.com/narmi/design_system/compare/v1.10.5...v1.11.0) (2021-11-09)
-
-
-### Features
-
-* **LoadingShim:** add  component ([880812c](https://github.com/narmi/design_system/commit/880812cfd95d721e3d24ef4b3dc69cbcb2b02e37))
-
-### [1.10.5](https://github.com/narmi/design_system/compare/v1.10.4...v1.10.5) (2021-11-08)
-
-
-### Bug Fixes
-
-* **RadioButtons:** properly set line height on label, and unchecked colour on checkbox ([#352](https://github.com/narmi/design_system/issues/352)) ([514df8b](https://github.com/narmi/design_system/commit/514df8b00c3d83120d860db77425ea91d55635ed))
-
-### [1.10.4](https://github.com/narmi/design_system/compare/v1.10.3...v1.10.4) (2021-11-08)
-
-
-### Bug Fixes
-
-* **Input:** keep label margin consistent when focused, to avoid undesired shift on focus ([#351](https://github.com/narmi/design_system/issues/351)) ([6d94221](https://github.com/narmi/design_system/commit/6d942218494e7a09a5dfb2c514904bc3ebbc122c))
-
-### [1.10.3](https://github.com/narmi/design_system/compare/v1.10.2...v1.10.3) (2021-11-08)
-
-
-### Bug Fixes
-
-* **Card:** remove box shadow from hoverable state ([#350](https://github.com/narmi/design_system/issues/350)) ([8ae2cd9](https://github.com/narmi/design_system/commit/8ae2cd9ad4bd2baee37b7ece76d850bf81e4a7fe))
-
-### [1.10.2](https://github.com/narmi/design_system/compare/v1.10.1...v1.10.2) (2021-11-05)
-
-
-### Bug Fixes
-
-* **RadioButtons:** explicitly set font weight on label ([#347](https://github.com/narmi/design_system/issues/347)) ([af5044d](https://github.com/narmi/design_system/commit/af5044dd4438fbf013404f0a5067647245b3e978))
-
-### [1.10.1](https://github.com/narmi/design_system/compare/v1.10.0...v1.10.1) (2021-11-05)
-
-
-### Bug Fixes
-
-* **Card:** set line height for header ([#346](https://github.com/narmi/design_system/issues/346)) ([f8fe7af](https://github.com/narmi/design_system/commit/f8fe7af7df650bc544bfdc1093fc36474a63592c))
-
-## [1.10.0](https://github.com/narmi/design_system/compare/v1.9.2...v1.10.0) (2021-11-05)
-
-
-### Features
-
-* **TextInput:** add search input styling ([#332](https://github.com/narmi/design_system/issues/332)) ([fa18103](https://github.com/narmi/design_system/commit/fa18103730eaac95dcfe41878ac2968df3b800f8))
-
-### [1.9.2](https://github.com/narmi/design_system/compare/v1.9.1...v1.9.2) (2021-11-04)
-
-
-### Bug Fixes
-
-* **Input:** make icon smaller if shown ([#330](https://github.com/narmi/design_system/issues/330)) ([15d591b](https://github.com/narmi/design_system/commit/15d591b9f7883f5efd75ceda1859386777e644da))
-
-### [1.9.1](https://github.com/narmi/design_system/compare/v1.9.0...v1.9.1) (2021-11-04)
-
-
-### Bug Fixes
-
-* **Input:** increase space very slightly between label and input value ([93a69f4](https://github.com/narmi/design_system/commit/93a69f408a479af8beb2b65f75de220ebe26d89a))
-
-## [1.9.0](https://github.com/narmi/design_system/compare/v1.8.0...v1.9.0) (2021-11-04)
-
-
-### Features
-
-* **Tooltip:** add  prop to control styling behavior of trigger wrapper ([2e0354c](https://github.com/narmi/design_system/commit/2e0354cd86136f0a855cd12b2f98c4f92fab27de))
-
-## [1.8.0](https://github.com/narmi/design_system/compare/v1.7.5...v1.8.0) (2021-11-03)
-
-
-### Features
-
-* add Tooltip to dist; add 'admin user' icon ([510ff35](https://github.com/narmi/design_system/commit/510ff3584f6c8cd90121b40ea81c599eaa0a2d67))
-
-### [1.7.5](https://github.com/narmi/design_system/compare/v1.7.4...v1.7.5) (2021-11-02)
-
-
-### Bug Fixes
-
-* **Button, PlainButton:** prevent props.className from overriding calculated className ([#316](https://github.com/narmi/design_system/issues/316)) ([00060b8](https://github.com/narmi/design_system/commit/00060b8391c38b8e9a6d40d6976e163b7753bd70))
-
-### [1.7.4](https://github.com/narmi/design_system/compare/v1.7.3...v1.7.4) (2021-11-02)
-
-
-### Bug Fixes
-
-* **Modal:** padding around dismiss icon should be 12px ([#312](https://github.com/narmi/design_system/issues/312)) ([598e1ad](https://github.com/narmi/design_system/commit/598e1ad7e52bfcc1a5ff63607380583b0d7e1450))
-
-### [1.7.3](https://github.com/narmi/design_system/compare/v1.7.2...v1.7.3) (2021-11-01)
-
-
-### Bug Fixes
-
-* remove tooltip from dist ([a6dd180](https://github.com/narmi/design_system/commit/a6dd18092ee7dd2e9814687dbbb9f2ec34195b97))
-
-### [1.7.2](https://github.com/narmi/design_system/compare/v1.7.1...v1.7.2) (2021-11-01)
-
-
-### Bug Fixes
-
-* make Tooltip importable ([3cecda8](https://github.com/narmi/design_system/commit/3cecda89ed90e8ee4ef0ba6355d06636cd39eed2))
-
-### [1.7.1](https://github.com/narmi/design_system/compare/v1.7.0...v1.7.1) (2021-11-01)
-
-
-### Bug Fixes
-
-* **Modal:** condition showing action row element on if actions are passed in ([#306](https://github.com/narmi/design_system/issues/306)) ([3dacefd](https://github.com/narmi/design_system/commit/3dacefd1242487dcf2afccde806934fa3deb5ca8))
-
-## [1.7.0](https://github.com/narmi/design_system/compare/v1.6.0...v1.7.0) (2021-10-28)
-
-
-### Features
-
-* **Modal:** add styles and support for wide detail modals ([#280](https://github.com/narmi/design_system/issues/280)) ([5f6bbf5](https://github.com/narmi/design_system/commit/5f6bbf546dc518f24cc93bae746a81d5b91391c0))
-
-## [1.6.0](https://github.com/narmi/design_system/compare/v1.5.0...v1.6.0) (2021-10-28)
-
-
-### Features
-
-* **RadioButtons:** add RadioButtons ([#294](https://github.com/narmi/design_system/issues/294)) ([9e77354](https://github.com/narmi/design_system/commit/9e77354bfbf118e79e319f7f742c6fafdb28a658))
-
-## [1.5.0](https://github.com/narmi/design_system/compare/v1.4.5...v1.5.0) (2021-10-28)
-
-
-### Features
-
-* add Tooltip component ([8bc6e0c](https://github.com/narmi/design_system/commit/8bc6e0cfcd456eed6b0b3578f6a706f2c47308d3))
-
-### [1.4.5](https://github.com/narmi/design_system/compare/v1.4.4...v1.4.5) (2021-10-27)
-
-
-### Bug Fixes
-
-* remove optimizeLegibility for headers ([#289](https://github.com/narmi/design_system/issues/289)) ([24883dd](https://github.com/narmi/design_system/commit/24883dde4ef847cb4c2a7f71d8609080a43f8c82))
-
-### [1.4.4](https://github.com/narmi/design_system/compare/v1.4.3...v1.4.4) (2021-10-27)
-
-
-### Bug Fixes
-
-* **Button:** set font size to 16px for PlainButton ([#287](https://github.com/narmi/design_system/issues/287)) ([d9887cd](https://github.com/narmi/design_system/commit/d9887cd41d8eadf01cd4e6d40021d25058ca22ea))
-
-### [1.4.3](https://github.com/narmi/design_system/compare/v1.4.2...v1.4.3) (2021-10-27)
-
-
-### Bug Fixes
-
-* **DateInput:** increase space between input element and calendar ([#288](https://github.com/narmi/design_system/issues/288)) ([ac448c7](https://github.com/narmi/design_system/commit/ac448c7ade66cb0dc0e73b99cafae92e3fc6353c))
-
-### [1.4.2](https://github.com/narmi/design_system/compare/v1.4.1...v1.4.2) (2021-10-27)
-
-
-### Bug Fixes
-
-* **Input:** set font weight for value to 400 ([#286](https://github.com/narmi/design_system/issues/286)) ([cf165c5](https://github.com/narmi/design_system/commit/cf165c5c3848b6061c3ab4e786f2a7c9402b1f65))
-
-### [1.4.1](https://github.com/narmi/design_system/compare/v1.4.0...v1.4.1) (2021-10-27)
-
-
-### Bug Fixes
-
-* **Modal:** hide scrollbar space if not needed ([#285](https://github.com/narmi/design_system/issues/285)) ([1a0c522](https://github.com/narmi/design_system/commit/1a0c522eb48592e7621c1027dded7eea1109063c))
-
-## [1.4.0](https://github.com/narmi/design_system/compare/v1.3.2...v1.4.0) (2021-10-27)
-
-
-### Features
-
-* **Modal:** allow setting maxWidth CSS property on modal container ([b67a6c1](https://github.com/narmi/design_system/commit/b67a6c1dc2d34fdc5f9515d80b6494137f4ffda4))
-
-### [1.3.2](https://github.com/narmi/design_system/compare/v1.3.1...v1.3.2) (2021-10-26)
-
-
-### Bug Fixes
-
-* **Card:** set font size inside card content to be 16px ([#283](https://github.com/narmi/design_system/issues/283)) ([292b205](https://github.com/narmi/design_system/commit/292b20522e9851e0de2fea6e0af0501d11086f00))
-
-### [1.3.1](https://github.com/narmi/design_system/compare/v1.3.0...v1.3.1) (2021-10-25)
-
-
-### Bug Fixes
-
-* **Input:** set line height and lower font weight ([#276](https://github.com/narmi/design_system/issues/276)) ([c10646e](https://github.com/narmi/design_system/commit/c10646e47a3083532fd59e549d98372d9c2d86a5))
-
-## [1.3.0](https://github.com/narmi/design_system/compare/v1.2.1...v1.3.0) (2021-10-19)
-
-
-### Features
-
-* **DateInput:** expose dateFormat prop ([319f298](https://github.com/narmi/design_system/commit/319f298dfdd5e392f24983508ff28747e6688ce7))
-
-### [1.2.1](https://github.com/narmi/design_system/compare/v1.2.0...v1.2.1) (2021-10-19)
-
-
-### Bug Fixes
-
-* **Modal:** limit height of modal, and allow for vertical scroll ([#250](https://github.com/narmi/design_system/issues/250)) ([eb37832](https://github.com/narmi/design_system/commit/eb37832e636628bd4f05404c728784283b750baa))
-
-## [1.2.0](https://github.com/narmi/design_system/compare/v1.1.1...v1.2.0) (2021-10-19)
-
-
-### Features
-
-* **DateInput:** allow defaultDate to be set; document all prop types ([e0b726b](https://github.com/narmi/design_system/commit/e0b726b0d54cceb556964c58cac17fd45de46d2e))
-
-### [1.1.1](https://github.com/narmi/design_system/compare/v1.1.0...v1.1.1) (2021-10-19)
-
-
-### Bug Fixes
-
-* **Modal:** continue to support closing modal via handleClose prop  ([#246](https://github.com/narmi/design_system/issues/246)) ([1017d5c](https://github.com/narmi/design_system/commit/1017d5cbd3a55d229856733e30654dc91be79a51))
-
-## [1.1.0](https://github.com/narmi/design_system/compare/v1.0.0...v1.1.0) (2021-10-18)
-
-
-### Features
-
-* **DateInput:** add `disableDays` prop for disabling dates ([d7dd43a](https://github.com/narmi/design_system/commit/d7dd43acbf6eb01356fb4a2ea2e1ec850633f154))
-
-## [1.0.0](https://github.com/narmi/design_system/compare/v0.2.0...v1.0.0) (2021-10-12)
-
-
-### ⚠ BREAKING CHANGES
-
-* remove dist dir from versioning
-
-### Code Refactoring
-
-* remove dist dir from versioning ([9f6bca4](https://github.com/narmi/design_system/commit/9f6bca47b70cee488ec483528fec74563a2f5755))
-
-## [0.2.0](https://github.com/narmi/design_system/compare/v0.1.0...v0.2.0) (2021-10-12)
-
-
-### Features
-
-* force first release ([e9d223d](https://github.com/narmi/design_system/commit/e9d223d019e4da380f2aa3739628b85933993973))
-* update release github token ([b5f932f](https://github.com/narmi/design_system/commit/b5f932ff5a8258b4144b5b228078a059ca03915d))
-* use workflow dispatch for releases for now ([7b99b70](https://github.com/narmi/design_system/commit/7b99b700cf2f275aa1725bc6ddcf0c34cad727db))

package/dist/tokens/scss/variables.js

@@ -1,305 +0,0 @@
-
-/**
- * Do not edit directly
- * Generated on Wed, 17 Nov 2021 21:10:09 GMT
- */
-
-$border-color-primary: #1a4338 !default;
-$border-color-light: #d9d9d9 !default;
-$border-color-default: #d9d9d9 !default;
-$border-size-s: 1px !default;
-$border-size-m: 2px !default;
-$border-size-default: 1px !default;
-$alpha-5: 0.05 !default;
-$alpha-10: 0.1 !default;
-$alpha-20: 0.2 !default;
-$bgColor-blueGrey: #f4f6fa !default;
-$bgColor-cloudGrey: #e9e9e9 !default;
-$bgColor-neutralGrey: #f9f9f9 !default;
-$bgColor-smokeGrey: #f3f3f3 !default;
-$bgColor-snowGrey: #fbfbfb !default;
-$bgColor-white: #ffffff !default;
-$bgColor-scrimLight: rgba(255, 255, 255, 0.85) !default;
-$bgColor-scrimDark: rgba(80, 80, 80, 0.7) !default;
-$color-moss100: #002921 !default;
-$color-moss200: #0f3c32 !default;
-$color-moss300: #005242 !default;
-$color-moss400: #006553 !default;
-$color-moss500: #3e8373 !default;
-$color-moss600: #6ea193 !default;
-$color-moss700: #9dc0b6 !default;
-$color-moss800: #cdded9 !default;
-$color-moss: #006553 !default;
-$color-pine100: #041a14 !default;
-$color-pine200: #062821 !default;
-$color-pine300: #16362c !default;
-$color-pine400: #1a4338 !default;
-$color-pine500: #44655b !default;
-$color-pine600: #708981 !default;
-$color-pine700: #708981 !default;
-$color-pine800: #cdd6d3 !default;
-$color-pine: #1a4338 !default;
-$color-cove100: #002547 !default;
-$color-cove200: #00376a !default;
-$color-cove300: #094895 !default;
-$color-cove400: #005cb2 !default;
-$color-cove500: #237cc3 !default;
-$color-cove600: #66a2d6 !default;
-$color-cove700: #a6cff0 !default;
-$color-cove800: #d4edff !default;
-$color-cove: #005cb2 !default;
-$color-azul100: #001340 !default;
-$color-azul200: #00205e !default;
-$color-azul300: #002c82 !default;
-$color-azul400: #003ea0 !default;
-$color-azul500: #3664b5 !default;
-$color-azul600: #6b89c7 !default;
-$color-azul700: #9cb1de !default;
-$color-azul800: #c9d8f2 !default;
-$color-azul: #003ea0 !default;
-$color-pistachio100: #485e3d !default;
-$color-pistachio200: #6b8c5a !default;
-$color-pistachio300: #90bb78 !default;
-$color-pistachio400: #b5e995 !default;
-$color-pistachio500: #ccf0b4 !default;
-$color-pistachio600: #daf4c8 !default;
-$color-pistachio700: #e9f8de !default;
-$color-pistachio800: #f7fcf3 !default;
-$color-pistachio: #b5e995 !default;
-$color-cactus100: #324c23 !default;
-$color-cactus200: #4b7137 !default;
-$color-cactus300: #63964b !default;
-$color-cactus400: #7fbc5b !default;
-$color-cactus500: #99ca7a !default;
-$color-cactus600: #b3d79a !default;
-$color-cactus700: #cce4ba !default;
-$color-cactus800: #e5f1dc !default;
-$color-cactus: #7fbc5b !default;
-$color-sand100: #423329 !default;
-$color-sand200: #684d41 !default;
-$color-sand300: #947564 !default;
-$color-sand400: #c4a08a !default;
-$color-sand500: #dcc1a2 !default;
-$color-sand600: #eed6c3 !default;
-$color-sand700: #f4e3d6 !default;
-$color-sand800: #fcf0e9 !default;
-$color-sand: #dcc1a2 !default;
-$color-black: #333333 !default;
-$color-grey: #4c4c4c !default;
-$color-mediumGrey: #8c8c8c !default;
-$color-lightGrey: #d9d9d9 !default;
-$color-white: #ffffff !default;
-$color-successDark: #37b374 !default;
-$color-successLight: #e3fae7 !default;
-$color-warnDark: #eac348 !default;
-$color-warnLight: #fef8e3 !default;
-$color-errorDark: #d93b3b !default;
-$color-errorLight: #fdf1f1 !default;
-$theme-primary: #1a4338 !default;
-$theme-secondary: #006553 !default;
-$theme-tertiary: #7fbc5b !default;
-$theme-link: #006553 !default;
-$font-color-heading: #333333 !default;
-$font-color-primary: #4c4c4c !default;
-$font-color-secondary: #8c8c8c !default;
-$font-color-hint: #d9d9d9 !default;
-$font-family-heading: 'Narmi Matiere', serif !default;
-$font-family-body: Mulish, Helvetica, sans-serif !default;
-$font-family-default: Mulish, Helvetica, sans-serif !default;
-$font-lineHeight-smallText: 1.6 !default;
-$font-lineHeight-bodyText: 1.25 !default;
-$font-lineHeight-bigText: 1.1 !default;
-$font-lineHeight-default: 1.25 !default;
-$font-size-xs: 12px !default;
-$font-size-s: 14px !default;
-$font-size-m: 16px !default;
-$font-size-l: 20px !default;
-$font-size-heading1: 32px !default;
-$font-size-heading2: 28px !default;
-$font-size-heading3: 24px !default;
-$font-size-default: 16px !default;
-$font-weight-normal: 400 !default;
-$font-weight-semibold: 600 !default;
-$font-weight-bold: 700 !default;
-$font-weight-default: 400 !default;
-$space-xxs: 4px !default;
-$space-xs: 8px !default;
-$space-s: 12px !default;
-$space-m: 16px !default;
-$space-l: 20px !default;
-$space-xl: 40px !default;
-$space-default: 20px !default;
-$elevation-low: 0 2px 12px 0 rgba(80, 80, 80, 0.05) !default;
-$elevation-middle: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
-$elevation-high: 0 2px 12px 0 rgba(80, 80, 80, 0.2) !default;
-$elevation-default: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
-
-$tokens: (
-  'border': (
-    'color': (
-      'primary': $border-color-primary,
-      'light': $border-color-light,
-      'default': $border-color-default
-    ),
-    'size': (
-      's': $border-size-s,
-      'm': $border-size-m,
-      'default': $border-size-default
-    )
-  ),
-  'color': (
-    'alpha': (
-      '5': $alpha-5,
-      '10': $alpha-10,
-      '20': $alpha-20
-    ),
-    'background': (
-      'blueGrey': $bgColor-blueGrey,
-      'cloudGrey': $bgColor-cloudGrey,
-      'neutralGrey': $bgColor-neutralGrey,
-      'smokeGrey': $bgColor-smokeGrey,
-      'snowGrey': $bgColor-snowGrey,
-      'white': $bgColor-white,
-      'scrimLight': $bgColor-scrimLight,
-      'scrimDark': $bgColor-scrimDark
-    ),
-    'narmi': (
-      'moss100': $color-moss100,
-      'moss200': $color-moss200,
-      'moss300': $color-moss300,
-      'moss400': $color-moss400,
-      'moss500': $color-moss500,
-      'moss600': $color-moss600,
-      'moss700': $color-moss700,
-      'moss800': $color-moss800,
-      'moss': $color-moss,
-      'pine100': $color-pine100,
-      'pine200': $color-pine200,
-      'pine300': $color-pine300,
-      'pine400': $color-pine400,
-      'pine500': $color-pine500,
-      'pine600': $color-pine600,
-      'pine700': $color-pine700,
-      'pine800': $color-pine800,
-      'pine': $color-pine,
-      'cove100': $color-cove100,
-      'cove200': $color-cove200,
-      'cove300': $color-cove300,
-      'cove400': $color-cove400,
-      'cove500': $color-cove500,
-      'cove600': $color-cove600,
-      'cove700': $color-cove700,
-      'cove800': $color-cove800,
-      'cove': $color-cove,
-      'azul100': $color-azul100,
-      'azul200': $color-azul200,
-      'azul300': $color-azul300,
-      'azul400': $color-azul400,
-      'azul500': $color-azul500,
-      'azul600': $color-azul600,
-      'azul700': $color-azul700,
-      'azul800': $color-azul800,
-      'azul': $color-azul,
-      'pistachio100': $color-pistachio100,
-      'pistachio200': $color-pistachio200,
-      'pistachio300': $color-pistachio300,
-      'pistachio400': $color-pistachio400,
-      'pistachio500': $color-pistachio500,
-      'pistachio600': $color-pistachio600,
-      'pistachio700': $color-pistachio700,
-      'pistachio800': $color-pistachio800,
-      'pistachio': $color-pistachio,
-      'cactus100': $color-cactus100,
-      'cactus200': $color-cactus200,
-      'cactus300': $color-cactus300,
-      'cactus400': $color-cactus400,
-      'cactus500': $color-cactus500,
-      'cactus600': $color-cactus600,
-      'cactus700': $color-cactus700,
-      'cactus800': $color-cactus800,
-      'cactus': $color-cactus,
-      'sand100': $color-sand100,
-      'sand200': $color-sand200,
-      'sand300': $color-sand300,
-      'sand400': $color-sand400,
-      'sand500': $color-sand500,
-      'sand600': $color-sand600,
-      'sand700': $color-sand700,
-      'sand800': $color-sand800,
-      'sand': $color-sand,
-      'black': $color-black,
-      'grey': $color-grey,
-      'mediumGrey': $color-mediumGrey,
-      'lightGrey': $color-lightGrey,
-      'white': $color-white
-    ),
-    'system': (
-      'successDark': $color-successDark,
-      'successLight': $color-successLight,
-      'warnDark': $color-warnDark,
-      'warnLight': $color-warnLight,
-      'errorDark': $color-errorDark,
-      'errorLight': $color-errorLight
-    ),
-    'theme': (
-      'primary': $theme-primary,
-      'secondary': $theme-secondary,
-      'tertiary': $theme-tertiary,
-      'link': $theme-link
-    )
-  ),
-  'font': (
-    'color': (
-      'heading': $font-color-heading,
-      'primary': $font-color-primary,
-      'secondary': $font-color-secondary,
-      'hint': $font-color-hint
-    ),
-    'family': (
-      'heading': $font-family-heading,
-      'body': $font-family-body,
-      'default': $font-family-default
-    ),
-    'lineHeight': (
-      'smallText': $font-lineHeight-smallText,
-      'bodyText': $font-lineHeight-bodyText,
-      'bigText': $font-lineHeight-bigText,
-      'default': $font-lineHeight-default
-    ),
-    'size': (
-      'xs': $font-size-xs,
-      's': $font-size-s,
-      'm': $font-size-m,
-      'l': $font-size-l,
-      'heading1': $font-size-heading1,
-      'heading2': $font-size-heading2,
-      'heading3': $font-size-heading3,
-      'default': $font-size-default
-    ),
-    'weight': (
-      'normal': $font-weight-normal,
-      'semibold': $font-weight-semibold,
-      'bold': $font-weight-bold,
-      'default': $font-weight-default
-    )
-  ),
-  'layout': (
-    'space': (
-      'xxs': $space-xxs,
-      'xs': $space-xs,
-      's': $space-s,
-      'm': $space-m,
-      'l': $space-l,
-      'xl': $space-xl,
-      'default': $space-default
-    )
-  ),
-  'shadow': (
-    'elevation': (
-      'low': $elevation-low,
-      'middle': $elevation-middle,
-      'high': $elevation-high,
-      'default': $elevation-default
-    )
-  )
-);