scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
80100e7631dbe299aa1712311cec8160658e5295
web/packages/design-system/lib/variables.json
Anton Gunnarsson 80100e7631 Merged in monorepo-step-1 (pull request #1080) 
Migrate to a monorepo setup - step 1

* Move web to subfolder /apps/scandic-web

* Yarn + transitive deps

- Move to yarn
- design-system package removed for now since yarn doesn't
support the parameter for token (ie project currently broken)
- Add missing transitive dependencies as Yarn otherwise
prevents these imports
- VS Code doesn't pick up TS path aliases unless you open
/apps/scandic-web instead of root (will be fixed with monorepo)

* Pin framer-motion to temporarily fix typing issue

https://github.com/adobe/react-spectrum/issues/7494

* Pin zod to avoid typ error

There seems to have been a breaking change in the types
returned by zod where error is now returned as undefined
instead of missing in the type. We should just handle this
but to avoid merge conflicts just pin the dependency for
now.

* Pin react-intl version

Pin version of react-intl to avoid tiny type issue where formatMessage
does not accept a generic any more. This will be fixed in a future
commit, but to avoid merge conflicts just pin for now.

* Pin typescript version

Temporarily pin version as newer versions as stricter and results in
a type error. Will be fixed in future commit after merge.

* Setup workspaces

* Add design-system as a monorepo package

* Remove unused env var DESIGN_SYSTEM_ACCESS_TOKEN

* Fix husky for monorepo setup

* Update netlify.toml

* Add lint script to root package.json

* Add stub readme

* Fix react-intl formatMessage types

* Test netlify.toml in root

* Remove root toml

* Update netlify.toml publish path

* Remove package-lock.json

* Update build for branch/preview builds


Approved-by: Linus Flood
2025-02-26 10:36:17 +00:00

5272 lines
153 KiB
JSON
Raw Blame History

{
"version": "1.0.4",
"metadata": {},
"collections": [
{
"name": "Spacing",
"modes": [
{
"name": "Mode 1",
"variables": [
{
"name": "x0",
"type": "number",
"isAlias": false,
"value": 0
},
{
"name": "x025",
"type": "number",
"isAlias": false,
"value": 2
},
{
"name": "x05",
"type": "number",
"isAlias": false,
"value": 4
},
{
"name": "x1",
"type": "number",
"isAlias": false,
"value": 8
},
{
"name": "x15",
"type": "number",
"isAlias": false,
"value": 12
},
{
"name": "x2",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "x3",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "x4",
"type": "number",
"isAlias": false,
"value": 32
},
{
"name": "x5",
"type": "number",
"isAlias": false,
"value": 40
},
{
"name": "x6",
"type": "number",
"isAlias": false,
"value": 48
},
{
"name": "x7",
"type": "number",
"isAlias": false,
"value": 56
},
{
"name": "x9",
"type": "number",
"isAlias": false,
"value": 72
}
]
}
]
},
{
"name": "Corner radius",
"modes": [
{
"name": "Mode 1",
"variables": [
{
"name": "Small",
"type": "number",
"isAlias": false,
"value": 4
},
{
"name": "Medium",
"type": "number",
"isAlias": false,
"value": 8
},
{
"name": "Large",
"type": "number",
"isAlias": false,
"value": 12
},
{
"name": "xLarge",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Rounded",
"type": "number",
"isAlias": false,
"value": 250
}
]
}
]
},
{
"name": "Color tokens",
"modes": [
{
"name": "Scandic",
"variables": [
{
"name": "Base/Background/Primary/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/00"
}
},
{
"name": "Base/Background/Primary/Elevated",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/00"
}
},
{
"name": "Base/Surface/Primary light/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Surface/Primary dark/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Base/Surface/Secondary light/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/00"
}
},
{
"name": "Base/Surface/Secondary light/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Base/Surface/Secondary light/Hover-alt",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/20"
}
},
{
"name": "Base/Surface/Primary dark/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/20"
}
},
{
"name": "Base/Surface/Primary light/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/00"
}
},
{
"name": "Base/Surface/Primary light/Hover-alt",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/10"
}
},
{
"name": "Base/Surface/Subtle/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/10"
}
},
{
"name": "Base/Surface/Subtle/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/20"
}
},
{
"name": "Base/Text/High-contrast",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Base/Icon/Low-contrast",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/70"
}
},
{
"name": "Base/Text/Medium-contrast",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Base/Text/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/60"
}
},
{
"name": "Base/Text/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "Base/Text/Inverted",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/40"
}
},
{
"name": "Base/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Base/Border/Subtle",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/20"
}
},
{
"name": "Base/Border/Inverted",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/60"
}
},
{
"name": "Base/Interactive/Surface/Primary/normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Base/Interactive/Surface/Secondary/normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/70"
}
},
{
"name": "Base/Interactive/Surface/Tertiary/normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/60"
}
},
{
"name": "Base/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "Base/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/20"
}
},
{
"name": "Base/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "Base/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Base/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Base/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "Base/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Base/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Base/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/30"
}
},
{
"name": "Base/Button/Tertiary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Base/Button/Tertiary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/90"
}
},
{
"name": "Base/Button/Tertiary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/20"
}
},
{
"name": "Base/Button/Tertiary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Button/Tertiary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Button/Tertiary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "Base/Button/Tertiary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Tertiary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Tertiary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Inverted/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Base/Button/Inverted/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/10"
}
},
{
"name": "Base/Button/Inverted/Fill/Hover-alt",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Base/Button/Inverted/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/20"
}
},
{
"name": "Base/Button/Inverted/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Base/Button/Inverted/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/90"
}
},
{
"name": "Base/Button/Inverted/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "Base/Button/Inverted/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Inverted/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Inverted/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "UI/Text/High-contrast",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/100"
}
},
{
"name": "UI/Input Controls/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "UI/Semantic/Information",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/70"
}
},
{
"name": "UI/Semantic/Success",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/60"
}
},
{
"name": "UI/Semantic/Warning",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/60"
}
},
{
"name": "UI/Semantic/Error",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "UI/Input Controls/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/10"
}
},
{
"name": "UI/Input Controls/Surface/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/10"
}
},
{
"name": "UI/Input Controls/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "UI/Input Controls/Fill/Selected",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/80"
}
},
{
"name": "UI/Input Controls/Fill/Selected-hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/70"
}
},
{
"name": "UI/Input Controls/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/60"
}
},
{
"name": "UI/Input Controls/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "UI/Input Controls/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/50"
}
},
{
"name": "UI/Input Controls/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/70"
}
},
{
"name": "UI/Input Controls/Border/Focus",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/80"
}
},
{
"name": "UI/Input Controls/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "UI/Input Controls/Border/Error",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "UI/Input Controls/Border/KeyboardFocus",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/50"
}
},
{
"name": "UI/Text/Medium-contrast",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/80"
}
},
{
"name": "UI/Text/Active",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/90"
}
},
{
"name": "UI/Text/Error",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "UI/Text/Placeholder",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/60"
}
},
{
"name": "Primary Light/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Light/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/20"
}
},
{
"name": "Primary Light/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Light/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/60"
}
},
{
"name": "Primary Light/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/30"
}
},
{
"name": "Primary Light/On Surface/Divider-subtle",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Beige/10"
}
},
{
"name": "Primary Light/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Light/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Light/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/10"
}
},
{
"name": "Primary Light/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Light/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/30"
}
},
{
"name": "Primary Light/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Primary Light/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Light/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Light/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Light/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Light/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Light/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Light/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Light/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Light/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Primary Light/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Light/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Light/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Primary Dim/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/30"
}
},
{
"name": "Primary Dim/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/40"
}
},
{
"name": "Primary Dim/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Dim/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Primary Dim/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/40"
}
},
{
"name": "Primary Dim/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Dim/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Dim/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/10"
}
},
{
"name": "Primary Dim/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Dim/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/30"
}
},
{
"name": "Primary Dim/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Primary Dim/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dim/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dim/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dim/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dim/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dim/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dim/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Dim/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Dim/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Primary Dim/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Dim/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Dim/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Primary Strong/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/60"
}
},
{
"name": "Primary Strong/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "Primary Strong/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Primary Strong/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Strong/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "Primary Strong/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Primary Strong/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/00"
}
},
{
"name": "Primary Strong/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Primary Strong/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "Primary Strong/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/70"
}
},
{
"name": "Primary Strong/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Primary Strong/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Strong/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Strong/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Strong/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Strong/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Strong/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Strong/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Primary Strong/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/00"
}
},
{
"name": "Primary Strong/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Primary Strong/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/100"
}
},
{
"name": "Primary Strong/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/00"
}
},
{
"name": "Primary Strong/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Primary Dark/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Dark/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/90"
}
},
{
"name": "Primary Dark/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Dark/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/50"
}
},
{
"name": "Primary Dark/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Primary Dark/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Dark/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/20"
}
},
{
"name": "Primary Dark/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Primary Dark/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Primary Dark/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/80"
}
},
{
"name": "Primary Dark/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/30"
}
},
{
"name": "Primary Dark/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dark/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dark/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dark/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dark/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dark/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Primary Dark/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Dark/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/30"
}
},
{
"name": "Primary Dark/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/30"
}
},
{
"name": "Primary Dark/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/10"
}
},
{
"name": "Primary Dark/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/30"
}
},
{
"name": "Primary Dark/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Secondary Light/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Dark/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/90"
}
},
{
"name": "Tertiary Light/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Light/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/00"
}
},
{
"name": "Tertiary Light/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/100"
}
},
{
"name": "Tertiary Light/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/50"
}
},
{
"name": "Tertiary Light/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/20"
}
},
{
"name": "Tertiary Light/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/100"
}
},
{
"name": "Tertiary Light/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/90"
}
},
{
"name": "Tertiary Light/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/10"
}
},
{
"name": "Tertiary Light/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Light/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/00"
}
},
{
"name": "Tertiary Light/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Tertiary Light/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Light/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/00"
}
},
{
"name": "Tertiary Light/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Tertiary Light/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Light/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Light/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Light/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/100"
}
},
{
"name": "Tertiary Light/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/90"
}
},
{
"name": "Tertiary Light/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Tertiary Light/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/100"
}
},
{
"name": "Tertiary Light/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/90"
}
},
{
"name": "Tertiary Light/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Secondary Dark/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/80"
}
},
{
"name": "Secondary Dark/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Dark/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/40"
}
},
{
"name": "Secondary Dark/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/80"
}
},
{
"name": "Secondary Dark/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Dark/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/30"
}
},
{
"name": "Secondary Dark/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/10"
}
},
{
"name": "Secondary Dark/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/90"
}
},
{
"name": "Secondary Dark/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/80"
}
},
{
"name": "Secondary Dark/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Secondary Dark/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Dark/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Dark/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Dark/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Dark/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Dark/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Dark/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Dark/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/30"
}
},
{
"name": "Secondary Dark/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Secondary Dark/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Dark/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/30"
}
},
{
"name": "Secondary Dark/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Secondary Light/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Light/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/90"
}
},
{
"name": "Secondary Light/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/50"
}
},
{
"name": "Secondary Light/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/30"
}
},
{
"name": "Secondary Light/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/90"
}
},
{
"name": "Secondary Light/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/80"
}
},
{
"name": "Secondary Light/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/10"
}
},
{
"name": "Secondary Light/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/20"
}
},
{
"name": "Secondary Light/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/30"
}
},
{
"name": "Secondary Light/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Secondary Light/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Light/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Light/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Light/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Light/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Light/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Secondary Light/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/90"
}
},
{
"name": "Secondary Light/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/80"
}
},
{
"name": "Secondary Light/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Secondary Light/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/90"
}
},
{
"name": "Secondary Light/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Green/80"
}
},
{
"name": "Secondary Light/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/Almost Black/20"
}
},
{
"name": "Tertiary Dark/Surface/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/100"
}
},
{
"name": "Tertiary Dark/Surface/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/90"
}
},
{
"name": "Tertiary Dark/On Surface/Text",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Dark/On Surface/Accent",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/40"
}
},
{
"name": "Tertiary Dark/Button/Primary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Dark/Button/Primary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/20"
}
},
{
"name": "Tertiary Dark/Button/Primary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/10"
}
},
{
"name": "Tertiary Dark/Button/Primary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/100"
}
},
{
"name": "Tertiary Dark/Button/Primary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/80"
}
},
{
"name": "Tertiary Dark/Button/Primary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Tertiary Dark/Button/Primary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Dark/Button/Primary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Dark/Button/Primary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Dark/Button/Secondary/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Dark/Button/Secondary/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Dark/Button/Secondary/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Tertiary Dark/Button/Secondary/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Dark/Button/Secondary/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/20"
}
},
{
"name": "Tertiary Dark/Button/Secondary/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Tertiary Dark/Button/Secondary/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/10"
}
},
{
"name": "Tertiary Dark/Button/Secondary/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Yellow/20"
}
},
{
"name": "Tertiary Dark/Button/Secondary/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/20"
}
},
{
"name": "Tertiary Dark/On Surface/Divider",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Blue/80"
}
},
{
"name": "Base/Button/Text/Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Text/Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Text/Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Text/On Fill/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Red/100"
}
},
{
"name": "Base/Button/Text/On Fill/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "Scandic/Peach/80"
}
},
{
"name": "Base/Button/Text/On Fill/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Grey/40"
}
},
{
"name": "Base/Button/Text/Border/Normal",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Text/Border/Hover",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
},
{
"name": "Base/Button/Text/Border/Disabled",
"type": "color",
"isAlias": true,
"value": {
"collection": "Primitives",
"name": "UI/Opacity/White/0"
}
}
]
}
]
},
{
"name": "Primitives",
"modes": [
{
"name": "Scandic",
"variables": [
{
"name": "Scandic/Brand/Scandic Red",
"type": "color",
"isAlias": false,
"value": "#CD0921"
},
{
"name": "Scandic/Brand/Burgundy",
"type": "color",
"isAlias": false,
"value": "#4D001B"
},
{
"name": "Scandic/Brand/Pale Peach",
"type": "color",
"isAlias": false,
"value": "#F7E1D5"
},
{
"name": "Scandic/Brand/Dark Green",
"type": "color",
"isAlias": false,
"value": "#093021"
},
{
"name": "Scandic/Brand/Light Green",
"type": "color",
"isAlias": false,
"value": "#D2EDAF"
},
{
"name": "Scandic/Brand/Dark Grey",
"type": "color",
"isAlias": false,
"value": "#291710"
},
{
"name": "Scandic/Brand/Warm White",
"type": "color",
"isAlias": false,
"value": "#FAF6F2"
},
{
"name": "Scandic/Brand/Light Blue",
"type": "color",
"isAlias": false,
"value": "#B5E0FF"
},
{
"name": "Scandic/Brand/Dark Blue",
"type": "color",
"isAlias": false,
"value": "#0D1440"
},
{
"name": "Scandic/Brand/Pale Yellow",
"type": "color",
"isAlias": false,
"value": "#FFF0C2"
},
{
"name": "Scandic/Red/00",
"type": "color",
"isAlias": false,
"value": "#FFEBEB"
},
{
"name": "Scandic/Red/10",
"type": "color",
"isAlias": false,
"value": "#F7C1C2"
},
{
"name": "Scandic/Red/20",
"type": "color",
"isAlias": false,
"value": "#F79499"
},
{
"name": "Scandic/Red/30",
"type": "color",
"isAlias": false,
"value": "#F26B74"
},
{
"name": "Scandic/Red/40",
"type": "color",
"isAlias": false,
"value": "#ED4251"
},
{
"name": "Scandic/Red/50",
"type": "color",
"isAlias": false,
"value": "#E32034"
},
{
"name": "Scandic/Red/60",
"type": "color",
"isAlias": false,
"value": "#CD0921"
},
{
"name": "Scandic/Red/70",
"type": "color",
"isAlias": false,
"value": "#AD0015"
},
{
"name": "Scandic/Red/80",
"type": "color",
"isAlias": false,
"value": "#8D0011"
},
{
"name": "Scandic/Red/90",
"type": "color",
"isAlias": false,
"value": "#6D000D"
},
{
"name": "Scandic/Red/100",
"type": "color",
"isAlias": false,
"value": "#4D001B"
},
{
"name": "Scandic/Peach/00",
"type": "color",
"isAlias": false,
"value": "#FFF3ED"
},
{
"name": "Scandic/Beige/00",
"type": "color",
"isAlias": false,
"value": "#FAF6F2"
},
{
"name": "Scandic/Beige/10",
"type": "color",
"isAlias": false,
"value": "#F2ECE6"
},
{
"name": "Scandic/Beige/20",
"type": "color",
"isAlias": false,
"value": "#E3D9D1"
},
{
"name": "Scandic/Beige/30",
"type": "color",
"isAlias": false,
"value": "#D1C4BA"
},
{
"name": "Scandic/Beige/40",
"type": "color",
"isAlias": false,
"value": "#B8A79A"
},
{
"name": "Scandic/Beige/50",
"type": "color",
"isAlias": false,
"value": "#9C8A7E"
},
{
"name": "Scandic/Beige/60",
"type": "color",
"isAlias": false,
"value": "#806E63"
},
{
"name": "Scandic/Beige/70",
"type": "color",
"isAlias": false,
"value": "#6B584D"
},
{
"name": "Scandic/Beige/80",
"type": "color",
"isAlias": false,
"value": "#533F35"
},
{
"name": "Scandic/Beige/90",
"type": "color",
"isAlias": false,
"value": "#3E2B23"
},
{
"name": "Scandic/Beige/100",
"type": "color",
"isAlias": false,
"value": "#291710"
},
{
"name": "Scandic/Peach/10",
"type": "color",
"isAlias": false,
"value": "#F7E1D5"
},
{
"name": "Scandic/Peach/20",
"type": "color",
"isAlias": false,
"value": "#F4D5C8"
},
{
"name": "Scandic/Peach/30",
"type": "color",
"isAlias": false,
"value": "#F0C1B6"
},
{
"name": "Scandic/Peach/40",
"type": "color",
"isAlias": false,
"value": "#E9ABA3"
},
{
"name": "Scandic/Peach/50",
"type": "color",
"isAlias": false,
"value": "#DE9490"
},
{
"name": "Scandic/Peach/60",
"type": "color",
"isAlias": false,
"value": "#CD797C"
},
{
"name": "Scandic/Peach/70",
"type": "color",
"isAlias": false,
"value": "#B05B65"
},
{
"name": "Scandic/Peach/80",
"type": "color",
"isAlias": false,
"value": "#8F4350"
},
{
"name": "Scandic/Peach/90",
"type": "color",
"isAlias": false,
"value": "#642636"
},
{
"name": "Scandic/Peach/100",
"type": "color",
"isAlias": false,
"value": "#4D0F25"
},
{
"name": "Scandic/Green/00",
"type": "color",
"isAlias": false,
"value": "#F3FCE8"
},
{
"name": "Scandic/Green/10",
"type": "color",
"isAlias": false,
"value": "#E1F3CA"
},
{
"name": "Scandic/Green/20",
"type": "color",
"isAlias": false,
"value": "#D2EDAF"
},
{
"name": "Scandic/Green/30",
"type": "color",
"isAlias": false,
"value": "#ACDB8A"
},
{
"name": "Scandic/Green/40",
"type": "color",
"isAlias": false,
"value": "#7CB865"
},
{
"name": "Scandic/Green/50",
"type": "color",
"isAlias": false,
"value": "#539E49"
},
{
"name": "Scandic/Green/60",
"type": "color",
"isAlias": false,
"value": "#348337"
},
{
"name": "Scandic/Green/70",
"type": "color",
"isAlias": false,
"value": "#256931"
},
{
"name": "Scandic/Green/80",
"type": "color",
"isAlias": false,
"value": "#164E29"
},
{
"name": "Scandic/Green/90",
"type": "color",
"isAlias": false,
"value": "#093021"
},
{
"name": "Scandic/Green/100",
"type": "color",
"isAlias": false,
"value": "#091F16"
},
{
"name": "Scandic/Blue/00",
"type": "color",
"isAlias": false,
"value": "#E8F6FF"
},
{
"name": "Scandic/Blue/10",
"type": "color",
"isAlias": false,
"value": "#CFEBFF"
},
{
"name": "Scandic/Blue/20",
"type": "color",
"isAlias": false,
"value": "#B5E0FF"
},
{
"name": "Scandic/Blue/30",
"type": "color",
"isAlias": false,
"value": "#93C9F5"
},
{
"name": "Scandic/Blue/40",
"type": "color",
"isAlias": false,
"value": "#79AEE7"
},
{
"name": "Scandic/Blue/50",
"type": "color",
"isAlias": false,
"value": "#5B8FD4"
},
{
"name": "Scandic/Blue/60",
"type": "color",
"isAlias": false,
"value": "#3F6DBD"
},
{
"name": "Scandic/Blue/70",
"type": "color",
"isAlias": false,
"value": "#284EA0"
},
{
"name": "Scandic/Blue/80",
"type": "color",
"isAlias": false,
"value": "#18347F"
},
{
"name": "Scandic/Blue/90",
"type": "color",
"isAlias": false,
"value": "#0D1F5F"
},
{
"name": "Scandic/Blue/100",
"type": "color",
"isAlias": false,
"value": "#0D1440"
},
{
"name": "Scandic/Yellow/00",
"type": "color",
"isAlias": false,
"value": "#FFF8E3"
},
{
"name": "Scandic/Yellow/10",
"type": "color",
"isAlias": false,
"value": "#FFF0C2"
},
{
"name": "Scandic/Yellow/20",
"type": "color",
"isAlias": false,
"value": "#FADE89"
},
{
"name": "Scandic/Yellow/30",
"type": "color",
"isAlias": false,
"value": "#F7CE52"
},
{
"name": "Scandic/Yellow/40",
"type": "color",
"isAlias": false,
"value": "#EDB532"
},
{
"name": "Scandic/Yellow/50",
"type": "color",
"isAlias": false,
"value": "#E59515"
},
{
"name": "Scandic/Yellow/60",
"type": "color",
"isAlias": false,
"value": "#D17308"
},
{
"name": "Scandic/Yellow/70",
"type": "color",
"isAlias": false,
"value": "#A85211"
},
{
"name": "Scandic/Yellow/80",
"type": "color",
"isAlias": false,
"value": "#7D370F"
},
{
"name": "Scandic/Yellow/90",
"type": "color",
"isAlias": false,
"value": "#4F2313"
},
{
"name": "Scandic/Yellow/100",
"type": "color",
"isAlias": false,
"value": "#301508"
},
{
"name": "Go/Brand/Lavender",
"type": "color",
"isAlias": false,
"value": "#DCD7FF"
},
{
"name": "Go/Beige/00",
"type": "color",
"isAlias": false,
"value": "#FAF8F2"
},
{
"name": "Go/Beige/10",
"type": "color",
"isAlias": false,
"value": "#F0EDE4"
},
{
"name": "Go/Beige/20",
"type": "color",
"isAlias": false,
"value": "#E0DCCE"
},
{
"name": "Go/Beige/30",
"type": "color",
"isAlias": false,
"value": "#C8C4B6"
},
{
"name": "Go/Beige/40",
"type": "color",
"isAlias": false,
"value": "#B0ACA0"
},
{
"name": "Go/Beige/50",
"type": "color",
"isAlias": false,
"value": "#918F83"
},
{
"name": "Go/Beige/60",
"type": "color",
"isAlias": false,
"value": "#78766D"
},
{
"name": "Go/Beige/70",
"type": "color",
"isAlias": false,
"value": "#63615A"
},
{
"name": "Go/Beige/80",
"type": "color",
"isAlias": false,
"value": "#4F4D49"
},
{
"name": "Go/Beige/90",
"type": "color",
"isAlias": false,
"value": "#373633"
},
{
"name": "Go/Beige/100",
"type": "color",
"isAlias": false,
"value": "#1F1E1D"
},
{
"name": "Go/Brand/Obsidian",
"type": "color",
"isAlias": false,
"value": "#2D163A"
},
{
"name": "Go/Brand/Lemon",
"type": "color",
"isAlias": false,
"value": "#F5FF73"
},
{
"name": "Go/Brand/Linen",
"type": "color",
"isAlias": false,
"value": "#E0DCCE"
},
{
"name": "Go/Brand/Chartreuse",
"type": "color",
"isAlias": false,
"value": "#85FF52"
},
{
"name": "Go/Brand/Pine",
"type": "color",
"isAlias": false,
"value": "#21331F"
},
{
"name": "Go/Brand/Aqua",
"type": "color",
"isAlias": false,
"value": "#73FCEE"
},
{
"name": "Go/Brand/Powder rose",
"type": "color",
"isAlias": false,
"value": "#ECC8C9"
},
{
"name": "Go/Brand/Coral",
"type": "color",
"isAlias": false,
"value": "#FA3737"
},
{
"name": "UI/Grey/00",
"type": "color",
"isAlias": false,
"value": "#F9F6F4"
},
{
"name": "UI/Opacity/White/100",
"type": "color",
"isAlias": false,
"value": "#FFFFFF"
},
{
"name": "UI/Opacity/White/90",
"type": "color",
"isAlias": false,
"value": "#FFFFFFE6"
},
{
"name": "UI/Opacity/White/80",
"type": "color",
"isAlias": false,
"value": "#FFFFFFCC"
},
{
"name": "UI/Opacity/White/70",
"type": "color",
"isAlias": false,
"value": "#FFFFFFB3"
},
{
"name": "UI/Opacity/White/60",
"type": "color",
"isAlias": false,
"value": "#FFFFFF99"
},
{
"name": "UI/Opacity/White/50",
"type": "color",
"isAlias": false,
"value": "#FFFFFF80"
},
{
"name": "UI/Opacity/White/40",
"type": "color",
"isAlias": false,
"value": "#FFFFFF66"
},
{
"name": "UI/Opacity/White/30",
"type": "color",
"isAlias": false,
"value": "#FFFFFF4D"
},
{
"name": "UI/Opacity/White/20",
"type": "color",
"isAlias": false,
"value": "#FFFFFF33"
},
{
"name": "UI/Opacity/White/10",
"type": "color",
"isAlias": false,
"value": "#FFFFFF1A"
},
{
"name": "UI/Opacity/White/0",
"type": "color",
"isAlias": false,
"value": "#FFFFFF00"
},
{
"name": "UI/Opacity/Almost Black/100",
"type": "color",
"isAlias": false,
"value": "#1F1C1B"
},
{
"name": "UI/Opacity/Almost Black/90",
"type": "color",
"isAlias": false,
"value": "#1F1C1BE6"
},
{
"name": "UI/Opacity/Almost Black/80",
"type": "color",
"isAlias": false,
"value": "#1F1C1BCC"
},
{
"name": "UI/Opacity/Almost Black/70",
"type": "color",
"isAlias": false,
"value": "#1F1C1BB3"
},
{
"name": "UI/Opacity/Almost Black/60",
"type": "color",
"isAlias": false,
"value": "#1F1C1B99"
},
{
"name": "UI/Opacity/Almost Black/50",
"type": "color",
"isAlias": false,
"value": "#1F1C1B80"
},
{
"name": "UI/Opacity/Almost Black/40",
"type": "color",
"isAlias": false,
"value": "#1F1C1B66"
},
{
"name": "UI/Opacity/Almost Black/30",
"type": "color",
"isAlias": false,
"value": "#1F1C1B4D"
},
{
"name": "UI/Opacity/Almost Black/20",
"type": "color",
"isAlias": false,
"value": "#1F1C1B33"
},
{
"name": "UI/Opacity/Almost Black/10",
"type": "color",
"isAlias": false,
"value": "#1F1C1B1A"
},
{
"name": "UI/Opacity/Almost Black/0",
"type": "color",
"isAlias": false,
"value": "#1F1C1B00"
},
{
"name": "UI/Grey/10",
"type": "color",
"isAlias": false,
"value": "#EBE8E6"
},
{
"name": "UI/Grey/20",
"type": "color",
"isAlias": false,
"value": "#D6D2D0"
},
{
"name": "UI/Grey/30",
"type": "color",
"isAlias": false,
"value": "#C2BDBA"
},
{
"name": "UI/Grey/40",
"type": "color",
"isAlias": false,
"value": "#A8A4A2"
},
{
"name": "UI/Grey/50",
"type": "color",
"isAlias": false,
"value": "#8C8987"
},
{
"name": "UI/Grey/60",
"type": "color",
"isAlias": false,
"value": "#787472"
},
{
"name": "UI/Grey/70",
"type": "color",
"isAlias": false,
"value": "#635F5D"
},
{
"name": "UI/Grey/80",
"type": "color",
"isAlias": false,
"value": "#57514E"
},
{
"name": "UI/Grey/90",
"type": "color",
"isAlias": false,
"value": "#403937"
},
{
"name": "UI/Grey/100",
"type": "color",
"isAlias": false,
"value": "#26201E"
},
{
"name": "Go/Purple/00",
"type": "color",
"isAlias": false,
"value": "#F4F2FF"
},
{
"name": "Go/Purple/10",
"type": "color",
"isAlias": false,
"value": "#DCD7FF"
},
{
"name": "Go/Purple/20",
"type": "color",
"isAlias": false,
"value": "#CABFFC"
},
{
"name": "Go/Purple/30",
"type": "color",
"isAlias": false,
"value": "#BAA7F7"
},
{
"name": "Go/Purple/40",
"type": "color",
"isAlias": false,
"value": "#AB8EF0"
},
{
"name": "Go/Purple/50",
"type": "color",
"isAlias": false,
"value": "#9C75E6"
},
{
"name": "Go/Purple/60",
"type": "color",
"isAlias": false,
"value": "#8C5BD5"
},
{
"name": "Go/Purple/70",
"type": "color",
"isAlias": false,
"value": "#733CB2"
},
{
"name": "Go/Purple/80",
"type": "color",
"isAlias": false,
"value": "#5E2A8C"
},
{
"name": "Go/Purple/90",
"type": "color",
"isAlias": false,
"value": "#451F61"
},
{
"name": "Go/Purple/100",
"type": "color",
"isAlias": false,
"value": "#2D163A"
},
{
"name": "Go/Yellow/00",
"type": "color",
"isAlias": false,
"value": "#FDFFE8"
},
{
"name": "Go/Yellow/10",
"type": "color",
"isAlias": false,
"value": "#FAFFC4"
},
{
"name": "Go/Yellow/20",
"type": "color",
"isAlias": false,
"value": "#F8FF9C"
},
{
"name": "Go/Yellow/30",
"type": "color",
"isAlias": false,
"value": "#F5FF73"
},
{
"name": "Go/Yellow/40",
"type": "color",
"isAlias": false,
"value": "#EDEA39"
},
{
"name": "Go/Yellow/50",
"type": "color",
"isAlias": false,
"value": "#DEC614"
},
{
"name": "Go/Yellow/60",
"type": "color",
"isAlias": false,
"value": "#BA8D07"
},
{
"name": "Go/Yellow/70",
"type": "color",
"isAlias": false,
"value": "#966400"
},
{
"name": "Go/Yellow/80",
"type": "color",
"isAlias": false,
"value": "#754403"
},
{
"name": "Go/Yellow/90",
"type": "color",
"isAlias": false,
"value": "#572701"
},
{
"name": "Go/Yellow/100",
"type": "color",
"isAlias": false,
"value": "#3B1300"
},
{
"name": "Go/Green/00",
"type": "color",
"isAlias": false,
"value": "#EDFFE5"
},
{
"name": "Go/Green/10",
"type": "color",
"isAlias": false,
"value": "#CDFFB8"
},
{
"name": "Go/Green/20",
"type": "color",
"isAlias": false,
"value": "#A7FF82"
},
{
"name": "Go/Green/30",
"type": "color",
"isAlias": false,
"value": "#85FF52"
},
{
"name": "Go/Green/40",
"type": "color",
"isAlias": false,
"value": "#66E03A"
},
{
"name": "Go/Green/50",
"type": "color",
"isAlias": false,
"value": "#45B222"
},
{
"name": "Go/Green/60",
"type": "color",
"isAlias": false,
"value": "#2E7F18"
},
{
"name": "Go/Green/70",
"type": "color",
"isAlias": false,
"value": "#2A601E"
},
{
"name": "Go/Green/80",
"type": "color",
"isAlias": false,
"value": "#26461F"
},
{
"name": "Go/Green/90",
"type": "color",
"isAlias": false,
"value": "#21331F"
},
{
"name": "Go/Green/100",
"type": "color",
"isAlias": false,
"value": "#162115"
}
]
}
]
},
{
"name": "Layout",
"modes": [
{
"name": "Desktop",
"variables": [
{
"name": "Breakpoints/min-width",
"type": "number",
"isAlias": false,
"value": 1367
},
{
"name": "Breakpoints/max-width",
"type": "number",
"isAlias": false,
"value": 1920
},
{
"name": "Margin/Margin-min",
"type": "number",
"isAlias": false,
"value": 40
},
{
"name": "Margin/Margin-max",
"type": "number",
"isAlias": false,
"value": 72
},
{
"name": "Columns/Column",
"type": "number",
"isAlias": false,
"value": 12
},
{
"name": "Gutter/min-width",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Gutter/max-width",
"type": "number",
"isAlias": false,
"value": 24
}
]
},
{
"name": "Tablet",
"variables": [
{
"name": "Breakpoints/min-width",
"type": "number",
"isAlias": false,
"value": 768
},
{
"name": "Breakpoints/max-width",
"type": "number",
"isAlias": false,
"value": 1366
},
{
"name": "Margin/Margin-min",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "Margin/Margin-max",
"type": "number",
"isAlias": false,
"value": 32
},
{
"name": "Columns/Column",
"type": "number",
"isAlias": false,
"value": 8
},
{
"name": "Gutter/min-width",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Gutter/max-width",
"type": "number",
"isAlias": false,
"value": 16
}
]
},
{
"name": "Mobile",
"variables": [
{
"name": "Breakpoints/min-width",
"type": "number",
"isAlias": false,
"value": 320
},
{
"name": "Breakpoints/max-width",
"type": "number",
"isAlias": false,
"value": 767
},
{
"name": "Margin/Margin-min",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Margin/Margin-max",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Columns/Column",
"type": "number",
"isAlias": false,
"value": 4
},
{
"name": "Gutter/min-width",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Gutter/max-width",
"type": "number",
"isAlias": false,
"value": 16
}
]
}
]
},
{
"name": "Text sizes",
"modes": [
{
"name": "Desktop",
"variables": [
{
"name": "Title 1",
"type": "number",
"isAlias": false,
"value": 64
},
{
"name": "Title 2",
"type": "number",
"isAlias": false,
"value": 48
},
{
"name": "Title 3",
"type": "number",
"isAlias": false,
"value": 36
},
{
"name": "Title 4",
"type": "number",
"isAlias": false,
"value": 28
},
{
"name": "Title 5",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "Subtitle 1",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "Subtitle 2",
"type": "number",
"isAlias": false,
"value": 20
},
{
"name": "Script 1",
"type": "number",
"isAlias": false,
"value": 32
},
{
"name": "Script 2",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "Preamble",
"type": "number",
"isAlias": false,
"value": 20
},
{
"name": "Body/Regular",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Bold",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Link",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Inline",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Caption/Regular",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Bold",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Link",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Inline",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Foot note/Regular",
"type": "number",
"isAlias": false,
"value": 12
},
{
"name": "Foot note/Bold",
"type": "number",
"isAlias": false,
"value": 12
}
]
},
{
"name": "Tablet (estimate)",
"variables": [
{
"name": "Title 1",
"type": "number",
"isAlias": false,
"value": 60
},
{
"name": "Title 2",
"type": "number",
"isAlias": false,
"value": 44
},
{
"name": "Title 3",
"type": "number",
"isAlias": false,
"value": 34
},
{
"name": "Title 4",
"type": "number",
"isAlias": false,
"value": 26
},
{
"name": "Title 5",
"type": "number",
"isAlias": false,
"value": 21
},
{
"name": "Subtitle 1",
"type": "number",
"isAlias": false,
"value": 22
},
{
"name": "Subtitle 2",
"type": "number",
"isAlias": false,
"value": 19
},
{
"name": "Script 1",
"type": "number",
"isAlias": false,
"value": 29
},
{
"name": "Script 2",
"type": "number",
"isAlias": false,
"value": 22
},
{
"name": "Preamble",
"type": "number",
"isAlias": false,
"value": 19
},
{
"name": "Body/Regular",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Bold",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Link",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Inline",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Caption/Regular",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Bold",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Link",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Inline",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Foot note/Regular",
"type": "number",
"isAlias": false,
"value": 12
},
{
"name": "Foot note/Bold",
"type": "number",
"isAlias": false,
"value": 12
}
]
},
{
"name": "Mobile",
"variables": [
{
"name": "Title 1",
"type": "number",
"isAlias": false,
"value": 48
},
{
"name": "Title 2",
"type": "number",
"isAlias": false,
"value": 36
},
{
"name": "Title 3",
"type": "number",
"isAlias": false,
"value": 30
},
{
"name": "Title 4",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "Title 5",
"type": "number",
"isAlias": false,
"value": 20
},
{
"name": "Subtitle 1",
"type": "number",
"isAlias": false,
"value": 20
},
{
"name": "Subtitle 2",
"type": "number",
"isAlias": false,
"value": 18
},
{
"name": "Script 1",
"type": "number",
"isAlias": false,
"value": 24
},
{
"name": "Script 2",
"type": "number",
"isAlias": false,
"value": 20
},
{
"name": "Preamble",
"type": "number",
"isAlias": false,
"value": 18
},
{
"name": "Body/Regular",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Bold",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Link",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Body/Inline",
"type": "number",
"isAlias": false,
"value": 16
},
{
"name": "Caption/Regular",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Bold",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Link",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Caption/Inline",
"type": "number",
"isAlias": false,
"value": 14
},
{
"name": "Foot note/Regular",
"type": "number",
"isAlias": false,
"value": 12
},
{
"name": "Foot note/Bold",
"type": "number",
"isAlias": false,
"value": 12
}
]
}
]
},
{
"name": "Typography",
"modes": [
{
"name": "Style",
"variables": [
{
"name": "Title 1",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 64,
"fontFamily": "Brandon Text",
"fontWeight": "Black",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 0.25,
"letterSpacingUnit": "PERCENT",
"textCase": "UPPER",
"textDecoration": "NONE"
}
},
{
"name": "Title 2",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 48,
"fontFamily": "Brandon Text",
"fontWeight": "Black",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 0.25,
"letterSpacingUnit": "PERCENT",
"textCase": "UPPER",
"textDecoration": "NONE"
}
},
{
"name": "Title 3",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 36,
"fontFamily": "Brandon Text",
"fontWeight": "Black",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 0.25,
"letterSpacingUnit": "PERCENT",
"textCase": "UPPER",
"textDecoration": "NONE"
}
},
{
"name": "Title 4",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 28,
"fontFamily": "Brandon Text",
"fontWeight": "Bold",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 0.25,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Title 5",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 24,
"fontFamily": "Brandon Text",
"fontWeight": "Black",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 0.25,
"letterSpacingUnit": "PERCENT",
"textCase": "UPPER",
"textDecoration": "NONE"
}
},
{
"name": "Script 1",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 32,
"fontFamily": "Biro Script Plus",
"fontWeight": "Regular",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 2,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Script 2",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 24,
"fontFamily": "Biro Script Plus",
"fontWeight": "Regular",
"lineHeight": 110.00000238418579,
"lineHeightUnit": "PERCENT",
"letterSpacing": 2,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Subtitle 1",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 24,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 120.00000476837158,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Subtitle 2",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 20,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 120.00000476837158,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Preamble",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 20,
"fontFamily": "Fira Sans",
"fontWeight": "Regular",
"lineHeight": 139.9999976158142,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Body/Regular",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 16,
"fontFamily": "Fira Sans",
"fontWeight": "Regular",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.2000000476837158,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Body/Bold",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 16,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.2000000476837158,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Body/Underline",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 16,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.2000000476837158,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "UNDERLINE"
}
},
{
"name": "Body/Inline",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 16,
"fontFamily": "Fira Sans",
"fontWeight": "Regular",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.2000000476837158,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "UNDERLINE"
}
},
{
"name": "Caption/Regular",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 14,
"fontFamily": "Fira Sans",
"fontWeight": "Regular",
"lineHeight": 139.9999976158142,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Caption/Bold",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 14,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 139.9999976158142,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Caption/Underline",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 14,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 139.9999976158142,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "UNDERLINE"
}
},
{
"name": "Caption/Inline",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 14,
"fontFamily": "Fira Sans",
"fontWeight": "Regular",
"lineHeight": 139.9999976158142,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "UNDERLINE"
}
},
{
"name": "Caption/Labels",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 14,
"fontFamily": "Brandon Text",
"fontWeight": "Bold",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "UPPER",
"textDecoration": "NONE"
}
},
{
"name": "Footnote/Regular",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 12,
"fontFamily": "Fira Sans",
"fontWeight": "Regular",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Footnote/Bold",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 12,
"fontFamily": "Fira Sans",
"fontWeight": "Medium",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "ORIGINAL",
"textDecoration": "NONE"
}
},
{
"name": "Footnote/Labels",
"type": "typography",
"isAlias": false,
"value": {
"fontSize": 12,
"fontFamily": "Brandon Text",
"fontWeight": "Bold",
"lineHeight": 150,
"lineHeightUnit": "PERCENT",
"letterSpacing": 1.399999976158142,
"letterSpacingUnit": "PERCENT",
"textCase": "UPPER",
"textDecoration": "NONE"
}
}
]
}
]
},
{
"name": "Effects",
"modes": [
{
"name": "Style",
"variables": [
{
"name": "Level 1",
"type": "effect",
"isAlias": false,
"value": {
"effects": [
{
"type": "DROP_SHADOW",
"color": {
"r": 0,
"g": 0,
"b": 0,
"a": 0.1
},
"offset": {
"x": 0,
"y": 0
},
"radius": 2,
"spread": 1
}
]
}
},
{
"name": "Level 2",
"type": "effect",
"isAlias": false,
"value": {
"effects": [
{
"type": "DROP_SHADOW",
"color": {
"r": 0,
"g": 0,
"b": 0,
"a": 0.1
},
"offset": {
"x": 0,
"y": 0
},
"radius": 4,
"spread": 2
}
]
}
},
{
"name": "Level 3",
"type": "effect",
"isAlias": false,
"value": {
"effects": [
{
"type": "DROP_SHADOW",
"color": {
"r": 0,
"g": 0,
"b": 0,
"a": 0.1
},
"offset": {
"x": 0,
"y": 0
},
"radius": 8,
"spread": 3
}
]
}
},
{
"name": "Level 4",
"type": "effect",
"isAlias": false,
"value": {
"effects": [
{
"type": "DROP_SHADOW",
"color": {
"r": 0,
"g": 0,
"b": 0,
"a": 0.1
},
"offset": {
"x": 0,
"y": 0
},
"radius": 14,
"spread": 6
}
]
}
}
]
}
]
},
{
"name": "Grids",
"modes": [
{
"name": "Style",
"variables": [
{
"name": "L - fixed",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"sectionSize": 85,
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "CENTER",
"gutterSize": 16,
"count": 12
}
]
}
},
{
"name": "M - fixed",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"sectionSize": 110,
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "CENTER",
"gutterSize": 16,
"count": 12
}
]
}
},
{
"name": "L - fluid",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 40,
"count": 12
}
]
}
},
{
"name": "M - fluid",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 72,
"count": 12
}
]
}
},
{
"name": "S",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 40,
"count": 12
}
]
}
},
{
"name": "L - with left panel",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"sectionSize": 40,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 40,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 40,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MIN",
"gutterSize": 24,
"offset": 380,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 340,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.35
},
"alignment": "MIN",
"gutterSize": 24,
"offset": 40,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 73,
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 40,
"count": 12
},
{
"pattern": "COLUMNS",
"sectionSize": 61,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.25
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 64,
"count": 4
}
]
}
},
{
"name": "L - with right panel",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"sectionSize": 40,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 40,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 40,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MIN",
"gutterSize": 40,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 40,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 24,
"offset": 380,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 340,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.35
},
"alignment": "MAX",
"gutterSize": 24,
"offset": 40,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 73,
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 40,
"count": 12
},
{
"pattern": "COLUMNS",
"sectionSize": 61,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.25
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 64,
"count": 4
}
]
}
},
{
"name": "M - with left panel",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"sectionSize": 32,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 32,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 32,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MIN",
"gutterSize": 24,
"offset": 314,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 282,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.35
},
"alignment": "MIN",
"gutterSize": 24,
"offset": 32,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 88,
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 72,
"count": 12
},
{
"pattern": "COLUMNS",
"sectionSize": 51,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.25
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 48,
"count": 4
}
]
}
},
{
"name": "M - with right panel",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"sectionSize": 32,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 32,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 0,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 32,
"color": {
"r": 151,
"g": 207,
"b": 156,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 24,
"offset": 314,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 282,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.35
},
"alignment": "MAX",
"gutterSize": 24,
"offset": 32,
"count": 1
},
{
"pattern": "COLUMNS",
"sectionSize": 88,
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "MIN",
"gutterSize": 16,
"offset": 72,
"count": 12
},
{
"pattern": "COLUMNS",
"sectionSize": 51,
"color": {
"r": 150,
"g": 199,
"b": 242,
"a": 0.2
},
"alignment": "MAX",
"gutterSize": 16,
"offset": 48,
"count": 4
}
]
}
},
{
"name": "Side/L - Panel only - fluid",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 5,
"g": 0,
"b": 255,
"a": 0.05
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 40,
"count": 4
}
]
}
},
{
"name": "Side/M - Panel only -fluid",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 5,
"g": 0,
"b": 255,
"a": 0.05
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 72,
"count": 4
}
]
}
},
{
"name": "Side/L- Sheet only fluid",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 5,
"g": 0,
"b": 255,
"a": 0.05
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 32,
"count": 4
}
]
}
},
{
"name": "Side/M - Sheet only fluid",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 5,
"g": 0,
"b": 255,
"a": 0.05
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 24,
"count": 4
}
]
}
},
{
"name": "Top navigation/L - nav top",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 0,
"g": 163,
"b": 255,
"a": 0.05
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 40,
"count": 12
}
]
}
},
{
"name": "Top navigation/M - nav top",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 72,
"count": 12
}
]
}
},
{
"name": "Top navigation/S - nav top",
"type": "grid",
"isAlias": false,
"value": {
"layoutGrids": [
{
"pattern": "COLUMNS",
"color": {
"r": 255,
"g": 0,
"b": 0,
"a": 0.1
},
"alignment": "STRETCH",
"gutterSize": 16,
"offset": 72,
"count": 12
}
]
}
}
]
}
]
}
]
}
Reference in New Issue View Git Blame Copy Permalink