@getflip/swirl-tokens

{ "fontSize": { "font-size-xs": "0.75rem", "font-size-sm": "0.875rem", "font-size-base": "1rem", "font-size-lg": "1.125rem", "font-size-xl": "1.25rem", "font-size-2xl": "1.75rem" }, "fontWeight": { "font-weight-normal": 400, "font-weight-medium": 500, "font-weight-semibold": 600, "font-weight-bold": 700 }, "lineHeight": { "line-height-xs": "1rem", "line-height-sm": "1.25rem", "line-height-base": "1.5rem", "line-height-lg": "1.5rem", "line-height-xl": "1.75rem", "line-height-2xl": "2.25rem" }, "letterSpacing": { "letter-spacing-normal": 0 }, "borderRadius": { "border-radius-null": 0, "border-radius-xs": "0.125rem", "border-radius-s": "0.25rem", "border-radius-sm": "0.5rem", "border-radius-base": "0.75rem", "border-radius-l": "1rem", "border-radius-xl": "1.25rem", "border-radius-full-round": "6249.9375rem" }, "spacing": { "space-0": 0, "space-2": "0.125rem", "space-4": "0.25rem", "space-8": "0.5rem", "space-12": "0.75rem", "space-16": "1rem", "space-20": "1.25rem", "space-24": "1.5rem", "space-32": "2rem", "space-40": "2.5rem", "space-48": "3rem", "space-64": "4rem" }, "borderWidth": { "border-width-0": 0, "border-width-default": "0.0625rem" }, "fontFamily": { "font-family-text": "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif", "font-family-code": "'Fira Mono', Courier, monospace", "font-family-text-japanese": "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif", "font-family-text-korean": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif", "font-family-text-chinese-traditional": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif", "font-family-text-chinese-simplified": "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif", "font-family-text-arabic": "-apple-system, system-ui" }, "colors": { "core-gray-10": "rgba(43, 43, 43, 1)", "core-gray-11": "rgba(35, 35, 35, 1)", "core-gray-12": "rgba(25, 25, 25, 1)", "core-gray-black": "rgba(0, 0, 0, 1)", "core-gray-09": "rgba(54, 54, 54, 1)", "core-gray-08": "rgba(63, 63, 63, 1)", "core-gray-07": "rgba(81, 81, 81, 1)", "core-gray-06": "rgba(108, 108, 108, 1)", "core-gray-05": "rgba(158, 158, 158, 1)", "core-gray-04": "rgba(207, 207, 207, 1)", "core-gray-03": "rgba(223, 223, 223, 1)", "core-gray-02": "rgba(234, 234, 234, 1)", "core-gray-01": "rgba(242, 242, 242, 1)", "core-gray-white": "rgba(255, 255, 255, 1)", "core-customer-color-light-1-default": "rgba(20, 90, 245, 1)", "core-customer-color-light-1-hovered": "rgba(55, 115, 247, 1)", "core-customer-color-light-1-pressed": "rgba(91, 139, 248, 1)", "core-customer-color-light-2-default": "rgba(230, 238, 255, 1)", "core-customer-color-light-2-hovered": "rgba(213, 226, 255, 1)", "core-customer-color-light-2-pressed": "rgba(190, 210, 255, 1)", "core-customer-color-light-3-default": "rgba(0, 55, 175, 1)", "core-customer-color-light-3-hovered": "rgba(38, 85, 187, 1)", "core-customer-color-light-3-pressed": "rgba(77, 116, 199, 1)", "core-on-customer-color-light-1": "rgba(255, 255, 255, 1)", "core-on-customer-color-light-2": "rgba(23, 23, 23, 1)", "core-on-customer-color-light-2-subdued": "rgba(106, 109, 116, 1)", "core-customer-color-dark-1-default": "rgba(86, 143, 222, 1)", "core-customer-color-dark-1-hovered": "rgba(121, 164, 223, 1)", "core-customer-color-dark-1-pressed": "rgba(150, 181, 224, 1)", "core-customer-color-dark-2-default": "rgba(45, 71, 127, 1)", "core-customer-color-dark-2-hovered": "rgba(52, 80, 141, 1)", "core-customer-color-dark-2-pressed": "rgba(64, 91, 151, 1)", "core-customer-color-dark-3-default": "rgba(109, 168, 251, 1)", "core-customer-color-dark-3-hovered": "rgba(141, 188, 255, 1)", "core-customer-color-dark-3-pressed": "rgba(182, 213, 255, 1)", "core-on-customer-color-dark-1": "rgba(0, 0, 0, 1)", "core-on-customer-color-dark-2": "rgba(242, 242, 242, 1)", "core-on-customer-color-dark-2-subdued": "rgba(150, 163, 191, 1)", "core-status-light-critical-default": "rgba(213, 6, 54, 1)", "core-status-light-critical-hovered": "rgba(179, 39, 57, 1)", "core-status-light-critical-pressed": "rgba(159, 35, 52, 1)", "core-status-light-critical-subdued": "rgba(252, 231, 237, 1)", "core-status-light-success-default": "rgba(8, 129, 8, 1)", "core-status-light-success-subdued": "rgba(220, 247, 220, 1)", "core-status-light-warning-strong": "rgba(147, 88, 6, 1)", "core-status-light-warning-default": "rgba(243, 183, 3, 1)", "core-status-light-warning-subdued": "rgba(250, 241, 200, 1)", "core-status-light-info-default": "rgba(20, 90, 245, 1)", "core-status-light-info-subdued": "rgba(230, 241, 255, 1)", "core-status-dark-critical-default": "rgba(228, 100, 100, 1)", "core-status-dark-critical-hovered": "rgba(210, 123, 121, 1)", "core-status-dark-critical-pressed": "rgba(215, 147, 145, 1)", "core-status-dark-critical-subdued": "rgba(56, 33, 38, 1)", "core-status-dark-warning-default": "rgba(243, 183, 3, 1)", "core-status-dark-warning-subdued": "rgba(45, 39, 25, 1)", "core-status-dark-success-default": "rgba(80, 164, 80, 1)", "core-status-dark-success-subdued": "rgba(26, 44, 26, 1)", "core-status-dark-info-default": "rgba(100, 142, 233, 1)", "core-status-dark-info-subdued": "rgba(33, 41, 58, 1)", "core-decorative-light-chilli-text": "rgba(195, 28, 28, 1)", "core-decorative-light-chilli-surface": "rgba(195, 28, 28, 1)", "core-decorative-light-chilli-surface-subdued": "rgba(252, 231, 237, 1)", "core-decorative-light-pumpkin-text": "rgba(167, 76, 37, 1)", "core-decorative-light-pumpkin-surface": "rgba(245, 144, 49, 1)", "core-decorative-light-pumpkin-surface-subdued": "rgba(255, 227, 202, 1)", "core-decorative-light-banana-text": "rgba(154, 92, 0, 1)", "core-decorative-light-banana-surface": "rgba(234, 186, 42, 1)", "core-decorative-light-banana-surface-subdued": "rgba(250, 241, 200, 1)", "core-decorative-light-radish-text": "rgba(186, 29, 142, 1)", "core-decorative-light-radish-surface": "rgba(186, 29, 142, 1)", "core-decorative-light-radish-surface-subdued": "rgba(255, 221, 245, 1)", "core-decorative-light-grape-text": "rgba(130, 45, 164, 1)", "core-decorative-light-grape-surface": "rgba(130, 45, 164, 1)", "core-decorative-light-grape-surface-subdued": "rgba(233, 220, 255, 1)", "core-decorative-light-kiwi-text": "rgba(54, 119, 69, 1)", "core-decorative-light-kiwi-surface": "rgba(54, 119, 69, 1)", "core-decorative-light-kiwi-surface-subdued": "rgba(220, 247, 220, 1)", "core-decorative-light-blueberry-text": "rgba(63, 95, 167, 1)", "core-decorative-light-blueberry-surface": "rgba(63, 95, 167, 1)", "core-decorative-light-blueberry-surface-subdued": "rgba(230, 241, 255, 1)", "core-decorative-dark-chilli-text": "rgba(244, 120, 120, 1)", "core-decorative-dark-chilli-surface": "rgba(244, 120, 120, 1)", "core-decorative-dark-chilli-surface-subdued": "rgba(77, 45, 44, 1)", "core-decorative-dark-pumpkin-text": "rgba(237, 153, 75, 1)", "core-decorative-dark-pumpkin-surface": "rgba(237, 153, 75, 1)", "core-decorative-dark-pumpkin-surface-subdued": "rgba(82, 56, 36, 1)", "core-decorative-dark-banana-text": "rgba(209, 175, 41, 1)", "core-decorative-dark-banana-surface": "rgba(209, 175, 41, 1)", "core-decorative-dark-banana-surface-subdued": "rgba(77, 62, 30, 1)", "core-decorative-dark-radish-text": "rgba(242, 120, 204, 1)", "core-decorative-dark-radish-surface": "rgba(242, 120, 204, 1)", "core-decorative-dark-radish-surface-subdued": "rgba(79, 48, 69, 1)", "core-decorative-dark-grape-text": "rgba(214, 131, 251, 1)", "core-decorative-dark-grape-surface": "rgba(214, 131, 251, 1)", "core-decorative-dark-grape-surface-subdued": "rgba(75, 47, 98, 1)", "core-decorative-dark-kiwi-text": "rgba(111, 200, 130, 1)", "core-decorative-dark-kiwi-surface": "rgba(111, 200, 130, 1)", "core-decorative-dark-kiwi-surface-subdued": "rgba(42, 70, 42, 1)", "core-decorative-dark-blueberry-text": "rgba(122, 172, 240, 1)", "core-decorative-dark-blueberry-surface": "rgba(122, 172, 240, 1)", "core-decorative-dark-blueberry-surface-subdued": "rgba(41, 64, 91, 1)", "core-translucent-black-3": "rgba(0,0,0,0.03)", "core-translucent-black-6": "rgba(0,0,0,0.06)", "core-translucent-black-9": "rgba(0,0,0,0.09)", "core-translucent-black-12": "rgba(0,0,0,0.12)", "core-translucent-black-20": "rgba(0,0,0,0.2)", "core-translucent-black-60": "rgba(0,0,0,0.6)", "core-translucent-black-80": "rgba(0,0,0,0.8)", "core-translucent-white-3": "rgba(255,255,255,0.03)", "core-translucent-white-6": "rgba(255,255,255,0.06)", "core-translucent-white-9": "rgba(255,255,255,0.09)", "core-translucent-white-12": "rgba(255,255,255,0.12)", "core-translucent-white-20": "rgba(255,255,255,0.2)", "core-translucent-white-60": "rgba(255,255,255,0.6)", "core-translucent-white-80": "rgba(255,255,255,0.8)", "background-default": "rgba(25, 25, 25, 1)", "background-hovered": "rgba(35, 35, 35, 1)", "background-pressed": "rgba(43, 43, 43, 1)", "surface-default": "rgba(35, 35, 35, 1)", "surface-hovered": "rgba(43, 43, 43, 1)", "surface-pressed": "rgba(54, 54, 54, 1)", "surface-sunken-default": "rgba(0, 0, 0, 1)", "surface-sunken-hovered": "rgba(35, 35, 35, 1)", "surface-sunken-pressed": "rgba(43, 43, 43, 1)", "surface-overlay-default": "rgba(43, 43, 43, 1)", "surface-overlay-hovered": "rgba(54, 54, 54, 1)", "surface-overlay-pressed": "rgba(63, 63, 63, 1)", "surface-raised-default": "rgba(255,255,255,0.06)", "surface-raised-hovered": "rgba(255,255,255,0.09)", "surface-raised-pressed": "rgba(255,255,255,0.12)", "surface-raised-50-default": "rgba(255,255,255,0.03)", "surface-raised-50-hovered": "rgba(255,255,255,0.06)", "surface-raised-50-pressed": "rgba(255,255,255,0.09)", "surface-highlight-default": "rgba(45, 71, 127, 1)", "surface-highlight-hovered": "rgba(52, 80, 141, 1)", "surface-highlight-pressed": "rgba(64, 91, 151, 1)", "on-surface-highlight-default": "rgba(52, 80, 141, 1)", "surface-critical-default": "rgba(228, 100, 100, 1)", "surface-critical-subdued": "rgba(56, 33, 38, 1)", "surface-success-default": "rgba(80, 164, 80, 1)", "surface-success-subdued": "rgba(26, 44, 26, 1)", "surface-warning-default": "rgba(243, 183, 3, 1)", "surface-warning-subdued": "rgba(45, 39, 25, 1)", "surface-info-default": "rgba(100, 142, 233, 1)", "surface-info-subdued": "rgba(33, 41, 58, 1)", "surface-neutral-default": "rgba(207, 207, 207, 1)", "surface-neutral-subdued": "rgba(54, 54, 54, 1)", "surface-on-image-default": "rgba(0, 0, 0, 0.4)", "translucent-low-default": "rgba(43,43,43,0.8)", "translucent-low-hovered": "rgba(255,255,255,0.06)", "translucent-low-pressed": "rgba(255,255,255,0.09)", "translucent-medium-default": "rgba(43,43,43,0.6)", "translucent-medium-hovered": "rgba(255,255,255,0.2)", "translucent-medium-pressed": "rgba(255,255,255,0.3)", "border-strong": "rgba(255,255,255,0.2)", "border-default": "rgba(255,255,255,0.12)", "border-highlight": "rgba(109, 168, 251, 1)", "border-critical": "rgba(228, 100, 100, 1)", "border-success": "rgba(80, 164, 80, 1)", "border-warning": "rgba(243, 183, 3, 1)", "border-info": "rgba(100, 142, 233, 1)", "border-on-highlight": "rgba(92, 118, 174, 1)", "border-on-translucent": "rgba(255,255,255,0.12)", "border-translucent-outline": "rgba(255,255,255,0.1)", "text-default": "rgba(242, 242, 242, 1)", "text-subdued": "rgba(158, 158, 158, 1)", "text-disabled": "rgba(255,255,255,0.2)", "text-dark": "rgba(25, 25, 25, 1)", "text-highlight": "rgba(109, 168, 251, 1)", "text-critical": "rgba(228, 100, 100, 1)", "text-warning": "rgba(243, 183, 3, 1)", "text-success": "rgba(80, 164, 80, 1)", "text-info": "rgba(100, 142, 233, 1)", "text-on-action-primary": "rgba(0, 0, 0, 1)", "text-on-surface-highlight": "rgba(242, 242, 242, 1)", "text-on-surface-highlight-subdued": "rgba(150, 163, 191, 1)", "text-on-status": "rgba(0, 0, 0, 1)", "text-on-image": "rgba(255, 255, 255, 1)", "icon-strong": "rgba(242, 242, 242, 1)", "icon-default": "rgba(158, 158, 158, 1)", "icon-disabled": "rgba(255,255,255,0.2)", "icon-dark": "rgba(25, 25, 25, 1)", "icon-highlight": "rgba(109, 168, 251, 1)", "icon-critical": "rgba(228, 100, 100, 1)", "icon-warning": "rgba(243, 183, 3, 1)", "icon-success": "rgba(80, 164, 80, 1)", "icon-info": "rgba(100, 142, 233, 1)", "icon-on-action-primary": "rgba(0, 0, 0, 1)", "icon-on-surface-highlight": "rgba(242, 242, 242, 1)", "icon-on-surface-highlight-subdued": "rgba(150, 163, 191, 1)", "icon-on-status": "rgba(0, 0, 0, 1)", "icon-on-image": "rgba(255, 255, 255, 1)", "action-primary-default": "rgba(86, 143, 222, 1)", "action-primary-hovered": "rgba(121, 164, 223, 1)", "action-primary-pressed": "rgba(150, 181, 224, 1)", "action-primary-disabled": "rgba(43, 43, 43, 1)", "action-critical-default": "rgba(228, 100, 100, 1)", "action-critical-hovered": "rgba(210, 123, 121, 1)", "action-critical-pressed": "rgba(215, 147, 145, 1)", "action-critical-disabled": "rgba(43, 43, 43, 1)", "action-neutral-default": "rgba(255,255,255,0.06)", "action-neutral-hovered": "rgba(255,255,255,0.09)", "action-neutral-pressed": "rgba(255,255,255,0.12)", "action-neutral-disabled": "rgba(255,255,255,0.06)", "interactive-primary-default": "rgba(109, 168, 251, 1)", "interactive-primary-hovered": "rgba(141, 188, 255, 1)", "interactive-primary-pressed": "rgba(182, 213, 255, 1)", "interactive-primary-disabled": "rgba(255,255,255,0.2)", "interactive-critical-default": "rgba(228, 100, 100, 1)", "interactive-critical-hovered": "rgba(210, 123, 121, 1)", "interactive-critical-pressed": "rgba(215, 147, 145, 1)", "interactive-critical-disabled": "rgba(255,255,255,0.06)", "interactive-neutral-default": "rgba(255,255,255,0.8)", "interactive-neutral-hovered": "rgba(108, 108, 108, 1)", "interactive-neutral-pressed": "rgba(108, 108, 108, 1)", "interactive-neutral-disabled": "rgba(81, 81, 81, 1)", "focus-default": "rgba(109, 168, 251, 1)", "decorative-chilli-text": "rgba(244, 120, 120, 1)", "decorative-chilli-surface": "rgba(244, 120, 120, 1)", "decorative-chilli-surface-subdued": "rgba(77, 45, 44, 1)", "decorative-pumpkin-text": "rgba(237, 153, 75, 1)", "decorative-pumpkin-surface": "rgba(237, 153, 75, 1)", "decorative-pumpkin-surface-subdued": "rgba(82, 56, 36, 1)", "decorative-banana-text": "rgba(209, 175, 41, 1)", "decorative-banana-surface": "rgba(209, 175, 41, 1)", "decorative-banana-surface-subdued": "rgba(77, 62, 30, 1)", "decorative-radish-text": "rgba(242, 120, 204, 1)", "decorative-radish-surface": "rgba(242, 120, 204, 1)", "decorative-radish-surface-subdued": "rgba(79, 48, 69, 1)", "decorative-grape-text": "rgba(214, 131, 251, 1)", "decorative-grape-surface": "rgba(214, 131, 251, 1)", "decorative-grape-surface-subdued": "rgba(75, 47, 98, 1)", "decorative-kiwi-text": "rgba(111, 200, 130, 1)", "decorative-kiwi-surface": "rgba(111, 200, 130, 1)", "decorative-kiwi-surface-subdued": "rgba(42, 70, 42, 1)", "decorative-blueberry-text": "rgba(122, 172, 240, 1)", "decorative-blueberry-surface": "rgba(122, 172, 240, 1)", "decorative-blueberry-surface-subdued": "rgba(41, 64, 91, 1)", "state-hovered": "rgba(255,255,255,0.06)", "state-pressed": "rgba(255,255,255,0.09)" } }