@audius/harmony 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/LogoPhantomPlain.svg.js +78 -0
- package/dist/assets/icons/LogoPhantomPlain.svg.js.map +1 -0
- package/dist/assets/icons/Messages.svg.js +78 -0
- package/dist/assets/icons/Messages.svg.js.map +1 -0
- package/dist/assets/icons/PaperAirplane.svg.js +76 -0
- package/dist/assets/icons/PaperAirplane.svg.js.map +1 -0
- package/dist/assets/icons/Pin.svg.js +76 -0
- package/dist/assets/icons/Pin.svg.js.map +1 -0
- package/dist/assets/icons/QrCode.svg.js +78 -0
- package/dist/assets/icons/QrCode.svg.js.map +1 -0
- package/dist/assets/icons/Send.svg.js +6 -3
- package/dist/assets/icons/Send.svg.js.map +1 -1
- package/dist/assets/icons/TowerBroadcast.svg.js +75 -0
- package/dist/assets/icons/TowerBroadcast.svg.js.map +1 -0
- package/dist/components/artwork/Artwork.d.ts.map +1 -1
- package/dist/components/artwork/Artwork.js +14 -6
- package/dist/components/artwork/Artwork.js.map +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/button/BaseButton/BaseButton.d.ts +1 -0
- package/dist/components/button/BaseButton/BaseButton.d.ts.map +1 -1
- package/dist/components/button/BaseButton/BaseButton.js +2 -2
- package/dist/components/button/BaseButton/BaseButton.js.map +1 -1
- package/dist/components/button/BaseButton/types.d.ts +1 -0
- package/dist/components/button/BaseButton/types.d.ts.map +1 -1
- package/dist/components/button/FilterButton/FilterButton.d.ts +1 -1
- package/dist/components/button/FilterButton/FilterButton.d.ts.map +1 -1
- package/dist/components/button/FilterButton/FilterButton.js +85 -61
- package/dist/components/button/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/button/{OptionsFilterButton/OptionsFilterButton.stories.d.ts → FilterButton/FilterButton.stories.d.ts} +5 -4
- package/dist/components/button/FilterButton/FilterButton.stories.d.ts.map +1 -0
- package/dist/components/button/FilterButton/FilterButtonKeyHandler.d.ts +18 -0
- package/dist/components/button/FilterButton/FilterButtonKeyHandler.d.ts.map +1 -0
- package/dist/components/button/FilterButton/FilterButtonOption.d.ts +11 -0
- package/dist/components/button/FilterButton/FilterButtonOption.d.ts.map +1 -0
- package/dist/components/button/FilterButton/FilterButtonOption.js +57 -0
- package/dist/components/button/FilterButton/FilterButtonOption.js.map +1 -0
- package/dist/components/button/FilterButton/FilterButtonOptionsList.d.ts +21 -0
- package/dist/components/button/FilterButton/FilterButtonOptionsList.d.ts.map +1 -0
- package/dist/components/button/FilterButton/FilterButtonOptionsList.js +40 -0
- package/dist/components/button/FilterButton/FilterButtonOptionsList.js.map +1 -0
- package/dist/components/button/FilterButton/types.d.ts +51 -24
- package/dist/components/button/FilterButton/types.d.ts.map +1 -1
- package/dist/components/button/IconButton/IconButton.d.ts +19 -2
- package/dist/components/button/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/button/IconButton/IconButton.js +3 -2
- package/dist/components/button/IconButton/IconButton.js.map +1 -1
- package/dist/components/button/index.d.ts +3 -4
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/checkbox/Checkbox.d.ts +7 -0
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.js +64 -0
- package/dist/components/checkbox/Checkbox.js.map +1 -0
- package/dist/components/checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/components/checkbox/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/checkbox/Indeterminate.svg.js +114 -0
- package/dist/components/checkbox/Indeterminate.svg.js.map +1 -0
- package/dist/components/checkbox/Select.svg.js +118 -0
- package/dist/components/checkbox/Select.svg.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/types.d.ts +7 -0
- package/dist/components/checkbox/types.d.ts.map +1 -0
- package/dist/components/icon-text/IconText.d.ts +3 -0
- package/dist/components/icon-text/IconText.d.ts.map +1 -0
- package/dist/components/icon-text/IconText.js +19 -0
- package/dist/components/icon-text/IconText.js.map +1 -0
- package/dist/components/icon-text/IconText.stories.d.ts +7 -0
- package/dist/components/icon-text/IconText.stories.d.ts.map +1 -0
- package/dist/components/icon-text/index.d.ts +3 -0
- package/dist/components/icon-text/index.d.ts.map +1 -0
- package/dist/components/icon-text/types.d.ts +14 -0
- package/dist/components/icon-text/types.d.ts.map +1 -0
- package/dist/components/icon.d.ts +2 -1
- package/dist/components/icon.d.ts.map +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/input/PasswordInput/PasswordInput.js +2 -2
- package/dist/components/input/SelectablePill/SelectablePill.d.ts.map +1 -1
- package/dist/components/input/SelectablePill/SelectablePill.js +1 -3
- package/dist/components/input/SelectablePill/SelectablePill.js.map +1 -1
- package/dist/components/input/TextInput/TextInput.d.ts +2 -0
- package/dist/components/input/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/input/TextInput/TextInput.js +10 -6
- package/dist/components/input/TextInput/TextInput.js.map +1 -1
- package/dist/components/input/TextInput/types.d.ts +8 -1
- package/dist/components/input/TextInput/types.d.ts.map +1 -1
- package/dist/components/input/TextInput/types.js.map +1 -1
- package/dist/components/internal/Menu.d.ts +22 -0
- package/dist/components/internal/Menu.d.ts.map +1 -0
- package/dist/components/internal/Menu.js +17 -0
- package/dist/components/internal/Menu.js.map +1 -0
- package/dist/components/internal/MenuItem.d.ts +19 -0
- package/dist/components/internal/MenuItem.d.ts.map +1 -0
- package/dist/components/internal/MenuItem.js +57 -0
- package/dist/components/internal/MenuItem.js.map +1 -0
- package/dist/components/internal/OptionKeyHandler.d.ts +30 -0
- package/dist/components/internal/OptionKeyHandler.d.ts.map +1 -0
- package/dist/components/{button/OptionsFilterButton/SelectPopupKeyHandler.js → internal/OptionKeyHandler.js} +6 -11
- package/dist/components/internal/OptionKeyHandler.js.map +1 -0
- package/dist/components/layout/Box/Box.js +4 -4
- package/dist/components/layout/Box/Box.js.map +1 -1
- package/dist/components/layout/Box/types.d.ts +6 -6
- package/dist/components/layout/Box/types.d.ts.map +1 -1
- package/dist/components/layout/Flex/Flex.d.ts.map +1 -1
- package/dist/components/layout/Flex/Flex.js +2 -2
- package/dist/components/layout/Flex/Flex.js.map +1 -1
- package/dist/components/layout/Flex/types.d.ts +2 -0
- package/dist/components/layout/Flex/types.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +3 -3
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalContentPages.d.ts +10 -10
- package/dist/components/modal/ModalContentPages.d.ts.map +1 -1
- package/dist/components/modal/ModalContentPages.js +2 -2
- package/dist/components/modal/ModalContentPages.js.map +1 -1
- package/dist/components/modal/ModalHeader.js +2 -2
- package/dist/components/music-badge/MusicBadge.d.ts.map +1 -1
- package/dist/components/music-badge/MusicBadge.js +1 -1
- package/dist/components/music-badge/MusicBadge.js.map +1 -1
- package/dist/components/pill/Pill.d.ts +1 -0
- package/dist/components/pill/Pill.d.ts.map +1 -1
- package/dist/components/popup/Popup.d.ts +6 -1
- package/dist/components/popup/Popup.d.ts.map +1 -1
- package/dist/components/popup/Popup.js +47 -37
- package/dist/components/popup/Popup.js.map +1 -1
- package/dist/components/popup/types.d.ts +4 -0
- package/dist/components/popup/types.d.ts.map +1 -1
- package/dist/components/scrubber/Scrubber.d.ts +1 -1
- package/dist/components/scrubber/Scrubber.d.ts.map +1 -1
- package/dist/components/scrubber/Scrubber.js +4 -14
- package/dist/components/scrubber/Scrubber.js.map +1 -1
- package/dist/components/scrubber/Slider.d.ts +1 -1
- package/dist/components/scrubber/Slider.d.ts.map +1 -1
- package/dist/components/scrubber/Slider.js +30 -39
- package/dist/components/scrubber/Slider.js.map +1 -1
- package/dist/components/scrubber/hooks.d.ts +6 -4
- package/dist/components/scrubber/hooks.d.ts.map +1 -1
- package/dist/components/scrubber/hooks.js +52 -54
- package/dist/components/scrubber/hooks.js.map +1 -1
- package/dist/components/scrubber/types.d.ts +8 -0
- package/dist/components/scrubber/types.d.ts.map +1 -1
- package/dist/components/scrubber/types.js.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.js +1 -3
- package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
- package/dist/components/select/Select/Select.d.ts +21 -0
- package/dist/components/select/Select/Select.d.ts.map +1 -0
- package/dist/components/select/Select/Select.js +115 -0
- package/dist/components/select/Select/Select.js.map +1 -0
- package/dist/components/select/Select/Select.stories.d.ts +8 -0
- package/dist/components/select/Select/Select.stories.d.ts.map +1 -0
- package/dist/components/select/Select/index.d.ts +3 -0
- package/dist/components/select/Select/index.d.ts.map +1 -0
- package/dist/components/select/Select/types.d.ts +46 -0
- package/dist/components/select/Select/types.d.ts.map +1 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/send-icon/SendIcon.d.ts +3 -0
- package/dist/components/send-icon/SendIcon.d.ts.map +1 -0
- package/dist/components/send-icon/SendIcon.js +36 -0
- package/dist/components/send-icon/SendIcon.js.map +1 -0
- package/dist/components/send-icon/SendIcon.stories.d.ts +7 -0
- package/dist/components/send-icon/SendIcon.stories.d.ts.map +1 -0
- package/dist/components/send-icon/index.d.ts +3 -0
- package/dist/components/send-icon/index.d.ts.map +1 -0
- package/dist/components/send-icon/types.d.ts +5 -0
- package/dist/components/send-icon/types.d.ts.map +1 -0
- package/dist/components/tag/Tag.d.ts.map +1 -1
- package/dist/components/tag/Tag.js +1 -1
- package/dist/components/tag/Tag.js.map +1 -1
- package/dist/components/text/Text.d.ts.map +1 -1
- package/dist/components/text/Text.js +15 -5
- package/dist/components/text/Text.js.map +1 -1
- package/dist/components/text/constants.d.ts +18 -0
- package/dist/components/text/constants.d.ts.map +1 -1
- package/dist/components/text/constants.js +7 -1
- package/dist/components/text/constants.js.map +1 -1
- package/dist/components/text/types.d.ts +2 -0
- package/dist/components/text/types.d.ts.map +1 -1
- package/dist/components/text-link/TextLink.d.ts.map +1 -1
- package/dist/components/text-link/TextLink.js +1 -1
- package/dist/components/text-link/TextLink.js.map +1 -1
- package/dist/foundations/color/color.d.ts +116 -0
- package/dist/foundations/color/color.d.ts.map +1 -1
- package/dist/foundations/color/color.js +2 -1
- package/dist/foundations/color/color.js.map +1 -1
- package/dist/foundations/color/primitive.d.ts +52 -0
- package/dist/foundations/color/primitive.d.ts.map +1 -1
- package/dist/foundations/color/primitive.js +52 -0
- package/dist/foundations/color/primitive.js.map +1 -1
- package/dist/foundations/color/semantic.d.ts +66 -0
- package/dist/foundations/color/semantic.d.ts.map +1 -1
- package/dist/foundations/color/semantic.js +8 -3
- package/dist/foundations/color/semantic.js.map +1 -1
- package/dist/foundations/theme/theme.d.ts +2 -0
- package/dist/foundations/theme/theme.d.ts.map +1 -1
- package/dist/foundations/theme/theme.js +4 -2
- package/dist/foundations/theme/theme.js.map +1 -1
- package/dist/foundations/theme/types.d.ts +6 -1
- package/dist/foundations/theme/types.d.ts.map +1 -1
- package/dist/foundations/typography/typography.d.ts +1 -0
- package/dist/foundations/typography/typography.d.ts.map +1 -1
- package/dist/foundations/typography/typography.js +2 -0
- package/dist/foundations/typography/typography.js.map +1 -1
- package/dist/harmony.css +1 -1
- package/dist/hooks/useClickOutside.d.ts +1 -1
- package/dist/hooks/useClickOutside.d.ts.map +1 -1
- package/dist/hooks/useClickOutside.js +11 -8
- package/dist/hooks/useClickOutside.js.map +1 -1
- package/dist/hooks/useControlled.d.ts +1 -1
- package/dist/hooks/useControlled.js.map +1 -1
- package/dist/hooks/useHotKeys.d.ts.map +1 -1
- package/dist/hooks/useHotKeys.js +2 -1
- package/dist/hooks/useHotKeys.js.map +1 -1
- package/dist/icons/logos.d.ts +1 -0
- package/dist/icons/logos.d.ts.map +1 -1
- package/dist/icons/logos.js +3 -1
- package/dist/icons/logos.js.map +1 -1
- package/dist/icons/utilityIcons.d.ts +5 -0
- package/dist/icons/utilityIcons.d.ts.map +1 -1
- package/dist/icons/utilityIcons.js +11 -1
- package/dist/icons/utilityIcons.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -6
- package/dist/index.js.map +1 -1
- package/dist/utils/formatTrackTimestamp.d.ts +6 -0
- package/dist/utils/formatTrackTimestamp.d.ts.map +1 -0
- package/dist/utils/formatTrackTimestamp.js +18 -0
- package/dist/utils/formatTrackTimestamp.js.map +1 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/package.json +4 -2
- package/dist/components/button/OptionsFilterButton/OptionsFilterButton.d.ts +0 -18
- package/dist/components/button/OptionsFilterButton/OptionsFilterButton.d.ts.map +0 -1
- package/dist/components/button/OptionsFilterButton/OptionsFilterButton.js +0 -123
- package/dist/components/button/OptionsFilterButton/OptionsFilterButton.js.map +0 -1
- package/dist/components/button/OptionsFilterButton/OptionsFilterButton.stories.d.ts.map +0 -1
- package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.d.ts +0 -18
- package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.d.ts.map +0 -1
- package/dist/components/button/OptionsFilterButton/SelectPopupKeyHandler.js.map +0 -1
- package/dist/components/button/OptionsFilterButton/types.d.ts +0 -62
- package/dist/components/button/OptionsFilterButton/types.d.ts.map +0 -1
|
@@ -12,7 +12,9 @@ export type BaseTextProps<TextComponentType extends ElementType = 'p'> = {
|
|
|
12
12
|
asChild?: boolean;
|
|
13
13
|
textAlign?: CSSProperties['textAlign'];
|
|
14
14
|
ellipses?: boolean;
|
|
15
|
+
maxLines?: number;
|
|
15
16
|
textTransform?: CSSProperties['textTransform'];
|
|
17
|
+
lineHeight?: 'single' | 'multi';
|
|
16
18
|
};
|
|
17
19
|
export type TextProps<TextComponentType extends ElementType = 'p'> = BaseTextProps<TextComponentType> & Omit<ComponentProps<TextComponentType>, keyof BaseTextProps | 'ref'>;
|
|
18
20
|
export type TextStrength = 'weak' | 'default' | 'strong';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAC/D,aAAa,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;wIA+EnB,CAAA"}
|
|
@@ -34,7 +34,7 @@ var TextLink = forwardRef(function (props, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
: {}));
|
|
37
|
-
return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign({ display: 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), pointerEvents: disabled ? 'none' : undefined, ':hover': hoverStyles }, (isActive && __assign(__assign({}, hoverStyles), { textDecoration: 'none' }))), (showUnderline && hoverStyles)), variant: textVariant }, other, { children: asChild ? (jsx(Slot, { children: children })) : (jsx("a", __assign({ target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noreferrer' : undefined }, { children: children }))) })));
|
|
37
|
+
return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign({ display: 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), cursor: 'pointer', pointerEvents: disabled ? 'none' : undefined, ':hover': hoverStyles }, (isActive && __assign(__assign({}, hoverStyles), { textDecoration: 'none' }))), (showUnderline && hoverStyles)), variant: textVariant }, other, { children: asChild ? (jsx(Slot, { children: children })) : (jsx("a", __assign({ target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noreferrer' : undefined }, { children: children }))) })));
|
|
38
38
|
});
|
|
39
39
|
|
|
40
40
|
export { TextLink };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from '../text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = forwardRef((props: TextLinkProps, ref: Ref<'a'>) => {\n const {\n asChild = false,\n children,\n variant = 'default',\n isActive,\n isExternal = false,\n onClick,\n textVariant,\n showUnderline,\n applyHoverStylesToInnerSvg,\n disabled,\n ...other\n } = props\n\n const { color, spacing, motion } = useTheme()\n\n const variantColors = {\n default: color.link.default,\n subdued: color.link.subdued,\n visible: color.link.visible,\n inverted: color.static.white,\n secondary: color.secondary.secondary,\n active: color.primary.primary\n }\n\n const variantHoverColors = {\n default: color.primary.p300,\n subdued: color.primary.p300,\n visible: color.link.visible,\n inverted: color.static.white,\n secondary: color.secondary.secondary,\n active: color.primary.primary\n }\n\n const hoverStyles = {\n textDecoration: 'underline',\n color: variantHoverColors[variant],\n ...(applyHoverStylesToInnerSvg\n ? {\n path: {\n fill: variantHoverColors[variant]\n }\n }\n : {})\n }\n\n return (\n <Text\n ref={ref}\n asChild\n onClick={onClick}\n css={{\n display: 'inline-flex',\n gap: spacing.s,\n color: variantColors[variant],\n textDecoration: 'none',\n transition: `color ${motion.hover}`,\n pointerEvents: disabled ? 'none' : undefined,\n ':hover': hoverStyles,\n ...(isActive && { ...hoverStyles, textDecoration: 'none' }),\n ...(showUnderline && hoverStyles)\n }}\n variant={textVariant}\n {...other}\n >\n {asChild ? (\n <Slot>{children}</Slot>\n ) : (\n <a\n target={isExternal ? '_blank' : undefined}\n rel={isExternal ? 'noreferrer' : undefined}\n >\n {children}\n </a>\n )}\n </Text>\n )\n})\n"],"names":["_jsx"],"mappings":";;;;;;;AASA;;AAEG;IACU,QAAQ,GAAG,UAAU,CAAC,UAAC,KAAoB,EAAE,GAAa,EAAA;AAEnE,IAAA,IAAA,EAWE,GAAA,KAAK,CAXQ,OAAA,EAAf,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACf,QAAQ,GAUN,KAAK,CAAA,QAVC,EACR,EASE,GAAA,KAAK,CATY,OAAA,EAAnB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACnB,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,EAAA,GAOE,KAAK,CAAA,UAPW,EAAlB,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAClB,OAAO,GAML,KAAK,QANA,EACP,WAAW,GAKT,KAAK,CALI,WAAA,EACX,aAAa,GAIX,KAAK,CAJM,aAAA,EACb,0BAA0B,GAGxB,KAAK,CAAA,0BAHmB,EAC1B,QAAQ,GAEN,KAAK,CAAA,QAFC,EACL,KAAK,GACN,MAAA,CAAA,KAAK,EAZH,CAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,4BAAA,EAAA,UAAA,CAYL,CADS,CACD;AAEH,IAAA,IAAA,EAA6B,GAAA,QAAQ,EAAE,EAArC,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAE7C,IAAA,IAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;AAC5B,QAAA,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS;AACpC,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;KAC9B,CAAA;AAED,IAAA,IAAM,kBAAkB,GAAG;AACzB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC3B,QAAA,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AAC3B,QAAA,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;AAC5B,QAAA,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS;AACpC,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;KAC9B,CAAA;AAED,IAAA,IAAM,WAAW,GAAA,QAAA,CAAA,EACf,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,EAAA,GAC9B,0BAA0B;AAC5B,UAAE;AACE,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,kBAAkB,CAAC,OAAO,CAAC;AAClC,aAAA;AACF,SAAA;AACH,UAAE,EAAE,EACP,CAAA;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,GAAG,EAAE,GAAG,EACR,OAAO,EAAA,IAAA,EACP,OAAO,EAAE,OAAO,EAChB,GAAG,
|
|
1
|
+
{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from '../text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = forwardRef((props: TextLinkProps, ref: Ref<'a'>) => {\n const {\n asChild = false,\n children,\n variant = 'default',\n isActive,\n isExternal = false,\n onClick,\n textVariant,\n showUnderline,\n applyHoverStylesToInnerSvg,\n disabled,\n ...other\n } = props\n\n const { color, spacing, motion } = useTheme()\n\n const variantColors = {\n default: color.link.default,\n subdued: color.link.subdued,\n visible: color.link.visible,\n inverted: color.static.white,\n secondary: color.secondary.secondary,\n active: color.primary.primary\n }\n\n const variantHoverColors = {\n default: color.primary.p300,\n subdued: color.primary.p300,\n visible: color.link.visible,\n inverted: color.static.white,\n secondary: color.secondary.secondary,\n active: color.primary.primary\n }\n\n const hoverStyles = {\n textDecoration: 'underline',\n color: variantHoverColors[variant],\n ...(applyHoverStylesToInnerSvg\n ? {\n path: {\n fill: variantHoverColors[variant]\n }\n }\n : {})\n }\n\n return (\n <Text\n ref={ref}\n asChild\n onClick={onClick}\n css={{\n display: 'inline-flex',\n gap: spacing.s,\n color: variantColors[variant],\n textDecoration: 'none',\n transition: `color ${motion.hover}`,\n cursor: 'pointer',\n pointerEvents: disabled ? 'none' : undefined,\n ':hover': hoverStyles,\n ...(isActive && { ...hoverStyles, textDecoration: 'none' }),\n ...(showUnderline && hoverStyles)\n }}\n variant={textVariant}\n {...other}\n >\n {asChild ? (\n <Slot>{children}</Slot>\n ) : (\n <a\n target={isExternal ? '_blank' : undefined}\n rel={isExternal ? 'noreferrer' : undefined}\n >\n {children}\n </a>\n )}\n </Text>\n )\n})\n"],"names":["_jsx"],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ export declare const colorTheme: {
|
|
|
10
10
|
staticWhite: string;
|
|
11
11
|
warning: string;
|
|
12
12
|
danger: string;
|
|
13
|
+
premium: string;
|
|
14
|
+
special: string;
|
|
13
15
|
};
|
|
14
16
|
icon: {
|
|
15
17
|
heading: string;
|
|
@@ -21,6 +23,8 @@ export declare const colorTheme: {
|
|
|
21
23
|
staticWhite: string;
|
|
22
24
|
warning: string;
|
|
23
25
|
danger: string;
|
|
26
|
+
premium: string;
|
|
27
|
+
special: string;
|
|
24
28
|
};
|
|
25
29
|
link: {
|
|
26
30
|
default: string;
|
|
@@ -110,6 +114,8 @@ export declare const colorTheme: {
|
|
|
110
114
|
staticWhite: string;
|
|
111
115
|
warning: string;
|
|
112
116
|
danger: string;
|
|
117
|
+
premium: string;
|
|
118
|
+
special: string;
|
|
113
119
|
};
|
|
114
120
|
icon: {
|
|
115
121
|
heading: string;
|
|
@@ -121,6 +127,8 @@ export declare const colorTheme: {
|
|
|
121
127
|
staticWhite: string;
|
|
122
128
|
warning: string;
|
|
123
129
|
danger: string;
|
|
130
|
+
premium: string;
|
|
131
|
+
special: string;
|
|
124
132
|
};
|
|
125
133
|
link: {
|
|
126
134
|
default: string;
|
|
@@ -210,6 +218,8 @@ export declare const colorTheme: {
|
|
|
210
218
|
staticWhite: string;
|
|
211
219
|
warning: string;
|
|
212
220
|
danger: string;
|
|
221
|
+
premium: string;
|
|
222
|
+
special: string;
|
|
213
223
|
};
|
|
214
224
|
icon: {
|
|
215
225
|
heading: string;
|
|
@@ -221,6 +231,112 @@ export declare const colorTheme: {
|
|
|
221
231
|
staticWhite: string;
|
|
222
232
|
warning: string;
|
|
223
233
|
danger: string;
|
|
234
|
+
premium: string;
|
|
235
|
+
special: string;
|
|
236
|
+
};
|
|
237
|
+
link: {
|
|
238
|
+
default: string;
|
|
239
|
+
subdued: string;
|
|
240
|
+
visible: string;
|
|
241
|
+
inverted: string;
|
|
242
|
+
};
|
|
243
|
+
background: {
|
|
244
|
+
default: string;
|
|
245
|
+
white: string;
|
|
246
|
+
surface1: string;
|
|
247
|
+
surface2: string;
|
|
248
|
+
accent: string;
|
|
249
|
+
};
|
|
250
|
+
border: {
|
|
251
|
+
default: string;
|
|
252
|
+
strong: string;
|
|
253
|
+
accent: string;
|
|
254
|
+
};
|
|
255
|
+
focus: {
|
|
256
|
+
default: string;
|
|
257
|
+
};
|
|
258
|
+
status: {
|
|
259
|
+
error: string;
|
|
260
|
+
warning: string;
|
|
261
|
+
success: string;
|
|
262
|
+
};
|
|
263
|
+
static: {
|
|
264
|
+
white: string;
|
|
265
|
+
black: string;
|
|
266
|
+
primary: string;
|
|
267
|
+
};
|
|
268
|
+
primary: {
|
|
269
|
+
primary: string;
|
|
270
|
+
p100: string;
|
|
271
|
+
p200: string;
|
|
272
|
+
p300: string;
|
|
273
|
+
p400: string;
|
|
274
|
+
p500: string;
|
|
275
|
+
};
|
|
276
|
+
secondary: {
|
|
277
|
+
secondary: string;
|
|
278
|
+
s100: string;
|
|
279
|
+
s200: string;
|
|
280
|
+
s300: string;
|
|
281
|
+
s400: string;
|
|
282
|
+
s500: string;
|
|
283
|
+
};
|
|
284
|
+
neutral: {
|
|
285
|
+
neutral: string;
|
|
286
|
+
n25: string;
|
|
287
|
+
n50: string;
|
|
288
|
+
n100: string;
|
|
289
|
+
n150: string;
|
|
290
|
+
n200: string;
|
|
291
|
+
n300: string;
|
|
292
|
+
n400: string;
|
|
293
|
+
n500: string;
|
|
294
|
+
n600: string;
|
|
295
|
+
n700: string;
|
|
296
|
+
n800: string;
|
|
297
|
+
n900: string;
|
|
298
|
+
n950: string;
|
|
299
|
+
};
|
|
300
|
+
special: {
|
|
301
|
+
white: string;
|
|
302
|
+
background: string;
|
|
303
|
+
blue: string;
|
|
304
|
+
orange: string;
|
|
305
|
+
red: string;
|
|
306
|
+
darkRed: string;
|
|
307
|
+
green: string;
|
|
308
|
+
lightGreen: string;
|
|
309
|
+
trendingBlue: string;
|
|
310
|
+
aiGreen: string;
|
|
311
|
+
gradient: string;
|
|
312
|
+
};
|
|
313
|
+
};
|
|
314
|
+
debug: {
|
|
315
|
+
text: {
|
|
316
|
+
heading: string;
|
|
317
|
+
default: string;
|
|
318
|
+
subdued: string;
|
|
319
|
+
disabled: string;
|
|
320
|
+
active: string;
|
|
321
|
+
accent: string;
|
|
322
|
+
staticWhite: string;
|
|
323
|
+
warning: string;
|
|
324
|
+
danger: string;
|
|
325
|
+
premium: string;
|
|
326
|
+
special: string;
|
|
327
|
+
};
|
|
328
|
+
icon: {
|
|
329
|
+
heading: string;
|
|
330
|
+
default: string;
|
|
331
|
+
subdued: string;
|
|
332
|
+
disabled: string;
|
|
333
|
+
active: string;
|
|
334
|
+
accent: string;
|
|
335
|
+
staticWhite: string;
|
|
336
|
+
warning: string;
|
|
337
|
+
danger: string;
|
|
338
|
+
premium: string;
|
|
339
|
+
special: string;
|
|
224
340
|
};
|
|
225
341
|
link: {
|
|
226
342
|
default: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}
|
|
@@ -5,7 +5,8 @@ import { semanticTheme } from './semantic.js';
|
|
|
5
5
|
var colorTheme = {
|
|
6
6
|
day: __assign(__assign({}, primitiveTheme.day), semanticTheme.day),
|
|
7
7
|
dark: __assign(__assign({}, primitiveTheme.dark), semanticTheme.dark),
|
|
8
|
-
matrix: __assign(__assign({}, primitiveTheme.matrix), semanticTheme.matrix)
|
|
8
|
+
matrix: __assign(__assign({}, primitiveTheme.matrix), semanticTheme.matrix),
|
|
9
|
+
debug: __assign(__assign({}, primitiveTheme.debug), semanticTheme.debug)
|
|
9
10
|
};
|
|
10
11
|
|
|
11
12
|
export { colorTheme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sources":["../../../src/foundations/color/color.ts"],"sourcesContent":["import { primitiveTheme } from './primitive'\nimport { semanticTheme } from './semantic'\n\nexport const colorTheme = {\n day: {\n ...primitiveTheme.day,\n ...semanticTheme.day\n },\n dark: {\n ...primitiveTheme.dark,\n ...semanticTheme.dark\n },\n matrix: {\n ...primitiveTheme.matrix,\n ...semanticTheme.matrix\n }\n}\n\nexport type ColorTheme = typeof colorTheme\n"],"names":[],"mappings":";;;;AAGa,IAAA,UAAU,GAAG;IACxB,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,cAAc,CAAC,GAAG,GAClB,aAAa,CAAC,GAAG,CACrB;IACD,IAAI,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACC,cAAc,CAAC,IAAI,GACnB,aAAa,CAAC,IAAI,CACtB;IACD,MAAM,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACD,cAAc,CAAC,MAAM,GACrB,aAAa,CAAC,MAAM,CACxB;;;;;"}
|
|
1
|
+
{"version":3,"file":"color.js","sources":["../../../src/foundations/color/color.ts"],"sourcesContent":["import { primitiveTheme } from './primitive'\nimport { semanticTheme } from './semantic'\n\nexport const colorTheme = {\n day: {\n ...primitiveTheme.day,\n ...semanticTheme.day\n },\n dark: {\n ...primitiveTheme.dark,\n ...semanticTheme.dark\n },\n matrix: {\n ...primitiveTheme.matrix,\n ...semanticTheme.matrix\n },\n debug: {\n ...primitiveTheme.debug,\n ...semanticTheme.debug\n }\n}\n\nexport type ColorTheme = typeof colorTheme\n"],"names":[],"mappings":";;;;AAGa,IAAA,UAAU,GAAG;IACxB,GAAG,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACE,cAAc,CAAC,GAAG,GAClB,aAAa,CAAC,GAAG,CACrB;IACD,IAAI,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACC,cAAc,CAAC,IAAI,GACnB,aAAa,CAAC,IAAI,CACtB;IACD,MAAM,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACD,cAAc,CAAC,MAAM,GACrB,aAAa,CAAC,MAAM,CACxB;IACD,KAAK,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACA,cAAc,CAAC,KAAK,GACpB,aAAa,CAAC,KAAK,CACvB;;;;;"}
|
|
@@ -155,6 +155,58 @@ export declare const primitiveTheme: {
|
|
|
155
155
|
gradient: string;
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
|
+
debug: {
|
|
159
|
+
static: {
|
|
160
|
+
white: string;
|
|
161
|
+
black: string;
|
|
162
|
+
primary: string;
|
|
163
|
+
};
|
|
164
|
+
primary: {
|
|
165
|
+
primary: string;
|
|
166
|
+
p100: string;
|
|
167
|
+
p200: string;
|
|
168
|
+
p300: string;
|
|
169
|
+
p400: string;
|
|
170
|
+
p500: string;
|
|
171
|
+
};
|
|
172
|
+
secondary: {
|
|
173
|
+
secondary: string;
|
|
174
|
+
s100: string;
|
|
175
|
+
s200: string;
|
|
176
|
+
s300: string;
|
|
177
|
+
s400: string;
|
|
178
|
+
s500: string;
|
|
179
|
+
};
|
|
180
|
+
neutral: {
|
|
181
|
+
neutral: string;
|
|
182
|
+
n25: string;
|
|
183
|
+
n50: string;
|
|
184
|
+
n100: string;
|
|
185
|
+
n150: string;
|
|
186
|
+
n200: string;
|
|
187
|
+
n300: string;
|
|
188
|
+
n400: string;
|
|
189
|
+
n500: string;
|
|
190
|
+
n600: string;
|
|
191
|
+
n700: string;
|
|
192
|
+
n800: string;
|
|
193
|
+
n900: string;
|
|
194
|
+
n950: string;
|
|
195
|
+
};
|
|
196
|
+
special: {
|
|
197
|
+
white: string;
|
|
198
|
+
background: string;
|
|
199
|
+
blue: string;
|
|
200
|
+
orange: string;
|
|
201
|
+
red: string;
|
|
202
|
+
darkRed: string;
|
|
203
|
+
green: string;
|
|
204
|
+
lightGreen: string;
|
|
205
|
+
trendingBlue: string;
|
|
206
|
+
aiGreen: string;
|
|
207
|
+
gradient: string;
|
|
208
|
+
};
|
|
209
|
+
};
|
|
158
210
|
};
|
|
159
211
|
export type PrimitiveColors = typeof primitiveTheme.day;
|
|
160
212
|
export type PrimaryColors = keyof PrimitiveColors['primary'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkN1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA"}
|
|
@@ -154,6 +154,58 @@ var primitiveTheme = {
|
|
|
154
154
|
aiGreen: '#1FD187',
|
|
155
155
|
gradient: 'linear-gradient(323.08deg, #4FF069 36.13%, #09BD51 133.51%)'
|
|
156
156
|
}
|
|
157
|
+
},
|
|
158
|
+
debug: {
|
|
159
|
+
static: {
|
|
160
|
+
white: '#FF00001A',
|
|
161
|
+
black: '#FF00001A',
|
|
162
|
+
primary: '#FF00001A'
|
|
163
|
+
},
|
|
164
|
+
primary: {
|
|
165
|
+
primary: '#FF00001A',
|
|
166
|
+
p100: '#FF00001A',
|
|
167
|
+
p200: '#FF00001A',
|
|
168
|
+
p300: '#FF00001A',
|
|
169
|
+
p400: '#FF00001A',
|
|
170
|
+
p500: '#FF00001A'
|
|
171
|
+
},
|
|
172
|
+
secondary: {
|
|
173
|
+
secondary: '#FF00001A',
|
|
174
|
+
s100: '#FF00001A',
|
|
175
|
+
s200: '#FF00001A',
|
|
176
|
+
s300: '#FF00001A',
|
|
177
|
+
s400: '#FF00001A',
|
|
178
|
+
s500: '#FF00001A'
|
|
179
|
+
},
|
|
180
|
+
neutral: {
|
|
181
|
+
neutral: '#FF00001A',
|
|
182
|
+
n25: '#FF00001A',
|
|
183
|
+
n50: '#FF00001A',
|
|
184
|
+
n100: '#FF00001A',
|
|
185
|
+
n150: '#FF00001A',
|
|
186
|
+
n200: '#FF00001A',
|
|
187
|
+
n300: '#FF00001A',
|
|
188
|
+
n400: '#FF00001A',
|
|
189
|
+
n500: '#FF00001A',
|
|
190
|
+
n600: '#FF00001A',
|
|
191
|
+
n700: '#FF00001A',
|
|
192
|
+
n800: '#FF00001A',
|
|
193
|
+
n900: '#FF00001A',
|
|
194
|
+
n950: '#FF00001A'
|
|
195
|
+
},
|
|
196
|
+
special: {
|
|
197
|
+
white: '#FF00001A',
|
|
198
|
+
background: '#FF00001A',
|
|
199
|
+
blue: '#FF00001A',
|
|
200
|
+
orange: '#FF00001A',
|
|
201
|
+
red: '#FF00001A',
|
|
202
|
+
darkRed: '#FF00001A',
|
|
203
|
+
green: '#FF00001A',
|
|
204
|
+
lightGreen: '#FF00001A',
|
|
205
|
+
trendingBlue: '#FF00001A',
|
|
206
|
+
aiGreen: '#FF00001A',
|
|
207
|
+
gradient: 'linear-gradient(315deg, #FF00001A 0%, #FF00001A 100%)'
|
|
208
|
+
}
|
|
157
209
|
}
|
|
158
210
|
};
|
|
159
211
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n day: {\n static: {\n white: '#FFFFFF',\n black: '#000000',\n primary: '#CC0FE0'\n },\n primary: {\n primary: '#CC0FE0',\n p100: '#D63FE6',\n p200: '#D127E3',\n p300: '#CC0FE0',\n p400: '#B80ECA',\n p500: '#A30CB3'\n },\n secondary: {\n secondary: '#7E1BCC',\n s100: '#9849D6',\n s200: '#8B32D1',\n s300: '#7E1BCC',\n s400: '#7118B8',\n s500: '#6516A3'\n },\n neutral: {\n neutral: '#858199',\n n25: '#FCFCFC',\n n50: '#F7F7F9',\n n100: '#F2F2F4',\n n150: '#E7E6EB',\n n200: '#DAD9E0',\n n300: '#CECDD6',\n n400: '#C2C0CC',\n n500: '#B6B3C2',\n n600: '#AAA7B8',\n n700: '#9D9AAD',\n n800: '#858199',\n n900: '#78748A',\n n950: '#6A677A'\n },\n special: {\n white: '#FFFFFF',\n background: '#F3F0F7',\n blue: '#1BA1F1',\n orange: '#FF9400',\n red: '#D0021B',\n darkRed: '#BB0218',\n green: '#0F9E48',\n lightGreen: '#13C65A',\n trendingBlue: '#216FDC',\n aiGreen: '#1FD187',\n gradient: 'linear-gradient(315deg, #5b23e1 0%, #a22feb 100%)'\n }\n },\n\n dark: {\n static: {\n white: '#FFFFFF',\n black: '#000000',\n primary: '#CC0FE0'\n },\n primary: {\n primary: '#C74BD3',\n p100: '#A945B9',\n p200: '#B748C6',\n p300: '#C74BD3',\n p400: '#C556D4',\n p500: '#C563D6'\n },\n secondary: {\n secondary: '#9147CC',\n s100: '#7440A4',\n s200: '#8244B8',\n s300: '#9147CC',\n s400: '#975ACD',\n s500: '#9A60CF'\n },\n neutral: {\n neutral: '#BEC5E0',\n n25: '#35364F',\n n50: '#393A54',\n n100: '#3F415B',\n n150: '#4E4F6A',\n n200: '#5A5E78',\n n300: '#696D88',\n n400: '#777C96',\n n500: '#868AA4',\n n600: '#9399B3',\n n700: '#A2A8C2',\n n800: '#BEC5E0',\n n900: '#CFD5EC',\n n950: '#D9DEF1'\n },\n special: {\n white: '#32334D',\n background: '#242438',\n blue: '#58B9F4',\n orange: '#EFA947',\n red: '#F9344C',\n darkRed: '#C43047',\n green: '#6CDF44',\n lightGreen: '#13C65A',\n trendingBlue: '#216FDC',\n aiGreen: '#1FD187',\n gradient: 'linear-gradient(315deg, #7652cc 0%, #b05ce6 100%)'\n }\n },\n matrix: {\n static: {\n white: '#FFFFFF',\n black: '#000000',\n primary: '#CC0FE0'\n },\n primary: {\n primary: '#0CF10C',\n p100: '#0CF10C',\n p200: '#0CF10C',\n p300: '#0CF10C',\n p400: '#0CF10C',\n p500: '#0CF10C'\n },\n secondary: {\n secondary: '#184F17',\n s100: '#184F17',\n s200: '#184F17',\n s300: '#184F17',\n s400: '#184F17',\n s500: '#184F17'\n },\n neutral: {\n neutral: '#21B404',\n n25: '#1D211B',\n n50: '#202A1D',\n n100: '#1A2F15',\n n150: '#1B3714',\n n200: '#1C5610',\n n300: '#1D5E0F',\n n400: '#1D660E',\n n500: '#1F850A',\n n600: '#1F9508',\n n700: '#20A406',\n n800: '#21B404',\n n900: '#21B404',\n n950: '#21B404'\n },\n special: {\n white: '#1F211F',\n background: '#191818',\n blue: '#58B9F4',\n orange: '#EFA947',\n red: '#F9344C',\n darkRed: '#C43047',\n green: '#6CDF44',\n lightGreen: '#13C65A',\n trendingBlue: '#216FDC',\n aiGreen: '#1FD187',\n gradient: 'linear-gradient(323.08deg, #4FF069 36.13%, #09BD51 133.51%)'\n }\n }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n day: {\n static: {\n white: '#FFFFFF',\n black: '#000000',\n primary: '#CC0FE0'\n },\n primary: {\n primary: '#CC0FE0',\n p100: '#D63FE6',\n p200: '#D127E3',\n p300: '#CC0FE0',\n p400: '#B80ECA',\n p500: '#A30CB3'\n },\n secondary: {\n secondary: '#7E1BCC',\n s100: '#9849D6',\n s200: '#8B32D1',\n s300: '#7E1BCC',\n s400: '#7118B8',\n s500: '#6516A3'\n },\n neutral: {\n neutral: '#858199',\n n25: '#FCFCFC',\n n50: '#F7F7F9',\n n100: '#F2F2F4',\n n150: '#E7E6EB',\n n200: '#DAD9E0',\n n300: '#CECDD6',\n n400: '#C2C0CC',\n n500: '#B6B3C2',\n n600: '#AAA7B8',\n n700: '#9D9AAD',\n n800: '#858199',\n n900: '#78748A',\n n950: '#6A677A'\n },\n special: {\n white: '#FFFFFF',\n background: '#F3F0F7',\n blue: '#1BA1F1',\n orange: '#FF9400',\n red: '#D0021B',\n darkRed: '#BB0218',\n green: '#0F9E48',\n lightGreen: '#13C65A',\n trendingBlue: '#216FDC',\n aiGreen: '#1FD187',\n gradient: 'linear-gradient(315deg, #5b23e1 0%, #a22feb 100%)'\n }\n },\n\n dark: {\n static: {\n white: '#FFFFFF',\n black: '#000000',\n primary: '#CC0FE0'\n },\n primary: {\n primary: '#C74BD3',\n p100: '#A945B9',\n p200: '#B748C6',\n p300: '#C74BD3',\n p400: '#C556D4',\n p500: '#C563D6'\n },\n secondary: {\n secondary: '#9147CC',\n s100: '#7440A4',\n s200: '#8244B8',\n s300: '#9147CC',\n s400: '#975ACD',\n s500: '#9A60CF'\n },\n neutral: {\n neutral: '#BEC5E0',\n n25: '#35364F',\n n50: '#393A54',\n n100: '#3F415B',\n n150: '#4E4F6A',\n n200: '#5A5E78',\n n300: '#696D88',\n n400: '#777C96',\n n500: '#868AA4',\n n600: '#9399B3',\n n700: '#A2A8C2',\n n800: '#BEC5E0',\n n900: '#CFD5EC',\n n950: '#D9DEF1'\n },\n special: {\n white: '#32334D',\n background: '#242438',\n blue: '#58B9F4',\n orange: '#EFA947',\n red: '#F9344C',\n darkRed: '#C43047',\n green: '#6CDF44',\n lightGreen: '#13C65A',\n trendingBlue: '#216FDC',\n aiGreen: '#1FD187',\n gradient: 'linear-gradient(315deg, #7652cc 0%, #b05ce6 100%)'\n }\n },\n matrix: {\n static: {\n white: '#FFFFFF',\n black: '#000000',\n primary: '#CC0FE0'\n },\n primary: {\n primary: '#0CF10C',\n p100: '#0CF10C',\n p200: '#0CF10C',\n p300: '#0CF10C',\n p400: '#0CF10C',\n p500: '#0CF10C'\n },\n secondary: {\n secondary: '#184F17',\n s100: '#184F17',\n s200: '#184F17',\n s300: '#184F17',\n s400: '#184F17',\n s500: '#184F17'\n },\n neutral: {\n neutral: '#21B404',\n n25: '#1D211B',\n n50: '#202A1D',\n n100: '#1A2F15',\n n150: '#1B3714',\n n200: '#1C5610',\n n300: '#1D5E0F',\n n400: '#1D660E',\n n500: '#1F850A',\n n600: '#1F9508',\n n700: '#20A406',\n n800: '#21B404',\n n900: '#21B404',\n n950: '#21B404'\n },\n special: {\n white: '#1F211F',\n background: '#191818',\n blue: '#58B9F4',\n orange: '#EFA947',\n red: '#F9344C',\n darkRed: '#C43047',\n green: '#6CDF44',\n lightGreen: '#13C65A',\n trendingBlue: '#216FDC',\n aiGreen: '#1FD187',\n gradient: 'linear-gradient(323.08deg, #4FF069 36.13%, #09BD51 133.51%)'\n }\n },\n debug: {\n static: {\n white: '#FF00001A',\n black: '#FF00001A',\n primary: '#FF00001A'\n },\n primary: {\n primary: '#FF00001A',\n p100: '#FF00001A',\n p200: '#FF00001A',\n p300: '#FF00001A',\n p400: '#FF00001A',\n p500: '#FF00001A'\n },\n secondary: {\n secondary: '#FF00001A',\n s100: '#FF00001A',\n s200: '#FF00001A',\n s300: '#FF00001A',\n s400: '#FF00001A',\n s500: '#FF00001A'\n },\n neutral: {\n neutral: '#FF00001A',\n n25: '#FF00001A',\n n50: '#FF00001A',\n n100: '#FF00001A',\n n150: '#FF00001A',\n n200: '#FF00001A',\n n300: '#FF00001A',\n n400: '#FF00001A',\n n500: '#FF00001A',\n n600: '#FF00001A',\n n700: '#FF00001A',\n n800: '#FF00001A',\n n900: '#FF00001A',\n n950: '#FF00001A'\n },\n special: {\n white: '#FF00001A',\n background: '#FF00001A',\n blue: '#FF00001A',\n orange: '#FF00001A',\n red: '#FF00001A',\n darkRed: '#FF00001A',\n green: '#FF00001A',\n lightGreen: '#FF00001A',\n trendingBlue: '#FF00001A',\n aiGreen: '#FF00001A',\n gradient: 'linear-gradient(315deg, #FF00001A 0%, #FF00001A 100%)'\n }\n }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\n"],"names":[],"mappings":"AAAa,IAAA,cAAc,GAAG;AAC5B,IAAA,GAAG,EAAE;AACH,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,mDAAmD;AAC9D,SAAA;AACF,KAAA;AAED,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,mDAAmD;AAC9D,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,QAAQ,EAAE,6DAA6D;AACxE,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AAClB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AAClB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,IAAI,EAAE,WAAW;AAClB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,GAAG,EAAE,WAAW;AAChB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,QAAQ,EAAE,uDAAuD;AAClE,SAAA;AACF,KAAA;;;;;"}
|
|
@@ -10,6 +10,8 @@ export declare const semanticTheme: {
|
|
|
10
10
|
staticWhite: string;
|
|
11
11
|
warning: string;
|
|
12
12
|
danger: string;
|
|
13
|
+
premium: string;
|
|
14
|
+
special: string;
|
|
13
15
|
};
|
|
14
16
|
icon: {
|
|
15
17
|
heading: string;
|
|
@@ -21,6 +23,8 @@ export declare const semanticTheme: {
|
|
|
21
23
|
staticWhite: string;
|
|
22
24
|
warning: string;
|
|
23
25
|
danger: string;
|
|
26
|
+
premium: string;
|
|
27
|
+
special: string;
|
|
24
28
|
};
|
|
25
29
|
link: {
|
|
26
30
|
default: string;
|
|
@@ -60,6 +64,8 @@ export declare const semanticTheme: {
|
|
|
60
64
|
staticWhite: string;
|
|
61
65
|
warning: string;
|
|
62
66
|
danger: string;
|
|
67
|
+
premium: string;
|
|
68
|
+
special: string;
|
|
63
69
|
};
|
|
64
70
|
icon: {
|
|
65
71
|
heading: string;
|
|
@@ -71,6 +77,8 @@ export declare const semanticTheme: {
|
|
|
71
77
|
staticWhite: string;
|
|
72
78
|
warning: string;
|
|
73
79
|
danger: string;
|
|
80
|
+
premium: string;
|
|
81
|
+
special: string;
|
|
74
82
|
};
|
|
75
83
|
link: {
|
|
76
84
|
default: string;
|
|
@@ -110,6 +118,8 @@ export declare const semanticTheme: {
|
|
|
110
118
|
staticWhite: string;
|
|
111
119
|
warning: string;
|
|
112
120
|
danger: string;
|
|
121
|
+
premium: string;
|
|
122
|
+
special: string;
|
|
113
123
|
};
|
|
114
124
|
icon: {
|
|
115
125
|
heading: string;
|
|
@@ -121,6 +131,62 @@ export declare const semanticTheme: {
|
|
|
121
131
|
staticWhite: string;
|
|
122
132
|
warning: string;
|
|
123
133
|
danger: string;
|
|
134
|
+
premium: string;
|
|
135
|
+
special: string;
|
|
136
|
+
};
|
|
137
|
+
link: {
|
|
138
|
+
default: string;
|
|
139
|
+
subdued: string;
|
|
140
|
+
visible: string;
|
|
141
|
+
inverted: string;
|
|
142
|
+
};
|
|
143
|
+
background: {
|
|
144
|
+
default: string;
|
|
145
|
+
white: string;
|
|
146
|
+
surface1: string;
|
|
147
|
+
surface2: string;
|
|
148
|
+
accent: string;
|
|
149
|
+
};
|
|
150
|
+
border: {
|
|
151
|
+
default: string;
|
|
152
|
+
strong: string;
|
|
153
|
+
accent: string;
|
|
154
|
+
};
|
|
155
|
+
focus: {
|
|
156
|
+
default: string;
|
|
157
|
+
};
|
|
158
|
+
status: {
|
|
159
|
+
error: string;
|
|
160
|
+
warning: string;
|
|
161
|
+
success: string;
|
|
162
|
+
};
|
|
163
|
+
};
|
|
164
|
+
debug: {
|
|
165
|
+
text: {
|
|
166
|
+
heading: string;
|
|
167
|
+
default: string;
|
|
168
|
+
subdued: string;
|
|
169
|
+
disabled: string;
|
|
170
|
+
active: string;
|
|
171
|
+
accent: string;
|
|
172
|
+
staticWhite: string;
|
|
173
|
+
warning: string;
|
|
174
|
+
danger: string;
|
|
175
|
+
premium: string;
|
|
176
|
+
special: string;
|
|
177
|
+
};
|
|
178
|
+
icon: {
|
|
179
|
+
heading: string;
|
|
180
|
+
default: string;
|
|
181
|
+
subdued: string;
|
|
182
|
+
disabled: string;
|
|
183
|
+
active: string;
|
|
184
|
+
accent: string;
|
|
185
|
+
staticWhite: string;
|
|
186
|
+
warning: string;
|
|
187
|
+
danger: string;
|
|
188
|
+
premium: string;
|
|
189
|
+
special: string;
|
|
124
190
|
};
|
|
125
191
|
link: {
|
|
126
192
|
default: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}
|
|
@@ -10,7 +10,9 @@ var createSemanticTheme = function (primitives) { return ({
|
|
|
10
10
|
accent: primitives.secondary.s300,
|
|
11
11
|
staticWhite: primitives.static.white,
|
|
12
12
|
warning: primitives.special.orange,
|
|
13
|
-
danger: primitives.special.red
|
|
13
|
+
danger: primitives.special.red,
|
|
14
|
+
premium: primitives.special.lightGreen,
|
|
15
|
+
special: primitives.special.blue
|
|
14
16
|
},
|
|
15
17
|
icon: {
|
|
16
18
|
heading: primitives.special.gradient,
|
|
@@ -21,7 +23,9 @@ var createSemanticTheme = function (primitives) { return ({
|
|
|
21
23
|
accent: primitives.secondary.s300,
|
|
22
24
|
staticWhite: primitives.static.white,
|
|
23
25
|
warning: primitives.special.orange,
|
|
24
|
-
danger: primitives.special.red
|
|
26
|
+
danger: primitives.special.red,
|
|
27
|
+
premium: primitives.special.lightGreen,
|
|
28
|
+
special: primitives.special.blue
|
|
25
29
|
},
|
|
26
30
|
link: {
|
|
27
31
|
default: primitives.neutral.neutral,
|
|
@@ -51,7 +55,8 @@ var createSemanticTheme = function (primitives) { return ({
|
|
|
51
55
|
var semanticTheme = {
|
|
52
56
|
day: createSemanticTheme(primitiveTheme.day),
|
|
53
57
|
dark: createSemanticTheme(primitiveTheme.dark),
|
|
54
|
-
matrix: createSemanticTheme(primitiveTheme.matrix)
|
|
58
|
+
matrix: createSemanticTheme(primitiveTheme.matrix),
|
|
59
|
+
debug: createSemanticTheme(primitiveTheme.debug)
|
|
55
60
|
};
|
|
56
61
|
|
|
57
62
|
export { semanticTheme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n text: {\n heading: primitives.special.gradient,\n default: primitives.neutral.neutral,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n active: primitives.primary.primary,\n accent: primitives.secondary.s300,\n staticWhite: primitives.static.white,\n warning: primitives.special.orange,\n danger: primitives.special.red\n },\n icon: {\n heading: primitives.special.gradient,\n default: primitives.neutral.neutral,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n active: primitives.primary.primary,\n accent: primitives.secondary.s300,\n staticWhite: primitives.static.white,\n warning: primitives.special.orange,\n danger: primitives.special.red\n },\n link: {\n default: primitives.neutral.neutral,\n subdued: primitives.neutral.n400,\n visible: primitives.primary.p500,\n inverted: primitives.static.white\n },\n background: {\n default: primitives.special.background,\n white: primitives.special.white,\n surface1: primitives.neutral.n25,\n surface2: primitives.neutral.n100,\n accent: primitives.secondary.s300\n },\n border: {\n default: primitives.neutral.n100,\n strong: primitives.neutral.n150,\n accent: primitives.secondary.s300\n },\n focus: { default: primitives.secondary.secondary },\n status: {\n error: primitives.special.red,\n warning: primitives.special.orange,\n success: primitives.special.green\n }\n})\n\nexport const semanticTheme = {\n day: createSemanticTheme(primitiveTheme.day),\n dark: createSemanticTheme(primitiveTheme.dark),\n matrix: createSemanticTheme(primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":";;AAGA,IAAM,mBAAmB,GAAG,UAAC,UAA2B,EAAA,EAAK,QAAC;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AACnC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AACpC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n text: {\n heading: primitives.special.gradient,\n default: primitives.neutral.neutral,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n active: primitives.primary.primary,\n accent: primitives.secondary.s300,\n staticWhite: primitives.static.white,\n warning: primitives.special.orange,\n danger: primitives.special.red,\n premium: primitives.special.lightGreen,\n special: primitives.special.blue\n },\n icon: {\n heading: primitives.special.gradient,\n default: primitives.neutral.neutral,\n subdued: primitives.neutral.n400,\n disabled: primitives.neutral.n150,\n active: primitives.primary.primary,\n accent: primitives.secondary.s300,\n staticWhite: primitives.static.white,\n warning: primitives.special.orange,\n danger: primitives.special.red,\n premium: primitives.special.lightGreen,\n special: primitives.special.blue\n },\n link: {\n default: primitives.neutral.neutral,\n subdued: primitives.neutral.n400,\n visible: primitives.primary.p500,\n inverted: primitives.static.white\n },\n background: {\n default: primitives.special.background,\n white: primitives.special.white,\n surface1: primitives.neutral.n25,\n surface2: primitives.neutral.n100,\n accent: primitives.secondary.s300\n },\n border: {\n default: primitives.neutral.n100,\n strong: primitives.neutral.n150,\n accent: primitives.secondary.s300\n },\n focus: { default: primitives.secondary.secondary },\n status: {\n error: primitives.special.red,\n warning: primitives.special.orange,\n success: primitives.special.green\n }\n})\n\nexport const semanticTheme = {\n day: createSemanticTheme(primitiveTheme.day),\n dark: createSemanticTheme(primitiveTheme.dark),\n matrix: createSemanticTheme(primitiveTheme.matrix),\n debug: createSemanticTheme(primitiveTheme.debug)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":"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"}
|
|
@@ -19,9 +19,11 @@ export type HarmonyTheme = {
|
|
|
19
19
|
export declare const dayTheme: HarmonyTheme;
|
|
20
20
|
export declare const darkTheme: HarmonyTheme;
|
|
21
21
|
export declare const matrixTheme: HarmonyTheme;
|
|
22
|
+
export declare const debugTheme: HarmonyTheme;
|
|
22
23
|
export declare const themes: {
|
|
23
24
|
day: HarmonyTheme;
|
|
24
25
|
dark: HarmonyTheme;
|
|
25
26
|
matrix: HarmonyTheme;
|
|
27
|
+
debug: HarmonyTheme;
|
|
26
28
|
};
|
|
27
29
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAgB,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAU,MAAM,EAAU,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAW,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAW,SAAS,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAYpC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,UAAU,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,SAAS,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,YAItB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,YAIvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,YAIzB,CAAA;AAED,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAgB,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAU,MAAM,EAAU,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAW,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAW,SAAS,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAYpC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,UAAU,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,SAAS,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,YAItB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,YAIvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,YAIzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,YAIxB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;CAKlB,CAAA"}
|
|
@@ -19,11 +19,13 @@ var commonFoundations = {
|
|
|
19
19
|
var dayTheme = __assign({ type: 'day', color: colorTheme.day }, commonFoundations);
|
|
20
20
|
var darkTheme = __assign({ type: 'dark', color: colorTheme.dark }, commonFoundations);
|
|
21
21
|
var matrixTheme = __assign({ type: 'matrix', color: colorTheme.matrix }, commonFoundations);
|
|
22
|
+
var debugTheme = __assign({ type: 'debug', color: colorTheme.debug }, commonFoundations);
|
|
22
23
|
var themes = {
|
|
23
24
|
day: dayTheme,
|
|
24
25
|
dark: darkTheme,
|
|
25
|
-
matrix: matrixTheme
|
|
26
|
+
matrix: matrixTheme,
|
|
27
|
+
debug: debugTheme
|
|
26
28
|
};
|
|
27
29
|
|
|
28
|
-
export { darkTheme, dayTheme, matrixTheme, themes };
|
|
30
|
+
export { darkTheme, dayTheme, debugTheme, matrixTheme, themes };
|
|
29
31
|
//# sourceMappingURL=theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sources":["../../../src/foundations/theme/theme.ts"],"sourcesContent":["import type { ColorTheme } from '../color'\nimport { colorTheme } from '../color'\nimport { CornerRadius, cornerRadius } from '../corner-radius'\nimport { Motion, motion, Spring, spring } from '../motion'\nimport { Shadows, shadows } from '../shadows'\nimport { Spacing, spacing, iconSizes } from '../spacing'\nimport { typography } from '../typography'\nimport type { Typography } from '../typography'\n\nimport type { Theme } from './types'\n\nconst commonFoundations = {\n shadows,\n typography,\n cornerRadius,\n spacing,\n motion,\n spring,\n iconSizes\n}\n\nexport type HarmonyTheme = {\n type: Theme\n color: ColorTheme[keyof ColorTheme]\n shadows: Shadows\n typography: Typography\n cornerRadius: CornerRadius\n spacing: Spacing\n motion: Motion\n spring: Spring\n iconSizes: typeof iconSizes\n}\n\nexport const dayTheme: HarmonyTheme = {\n type: 'day',\n color: colorTheme.day,\n ...commonFoundations\n}\n\nexport const darkTheme: HarmonyTheme = {\n type: 'dark',\n color: colorTheme.dark,\n ...commonFoundations\n}\n\nexport const matrixTheme: HarmonyTheme = {\n type: 'matrix',\n color: colorTheme.matrix,\n ...commonFoundations\n}\n\nexport const themes = {\n day: dayTheme,\n dark: darkTheme,\n matrix: matrixTheme\n}\n"],"names":[],"mappings":";;;;;;;;;AAWA,IAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,YAAY,EAAA,YAAA;AACZ,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,SAAS,EAAA,SAAA;CACV,CAAA;AAcY,IAAA,QAAQ,GACnB,QAAA,CAAA,EAAA,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,UAAU,CAAC,GAAG,EAClB,EAAA,iBAAiB,EACrB;AAEY,IAAA,SAAS,GACpB,QAAA,CAAA,EAAA,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,UAAU,CAAC,IAAI,EACnB,EAAA,iBAAiB,EACrB;AAEY,IAAA,WAAW,GACtB,QAAA,CAAA,EAAA,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,CAAC,MAAM,EACrB,EAAA,iBAAiB,EACrB;AAEY,IAAA,MAAM,GAAG;AACpB,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,WAAW;;;;;"}
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../src/foundations/theme/theme.ts"],"sourcesContent":["import type { ColorTheme } from '../color'\nimport { colorTheme } from '../color'\nimport { CornerRadius, cornerRadius } from '../corner-radius'\nimport { Motion, motion, Spring, spring } from '../motion'\nimport { Shadows, shadows } from '../shadows'\nimport { Spacing, spacing, iconSizes } from '../spacing'\nimport { typography } from '../typography'\nimport type { Typography } from '../typography'\n\nimport type { Theme } from './types'\n\nconst commonFoundations = {\n shadows,\n typography,\n cornerRadius,\n spacing,\n motion,\n spring,\n iconSizes\n}\n\nexport type HarmonyTheme = {\n type: Theme\n color: ColorTheme[keyof ColorTheme]\n shadows: Shadows\n typography: Typography\n cornerRadius: CornerRadius\n spacing: Spacing\n motion: Motion\n spring: Spring\n iconSizes: typeof iconSizes\n}\n\nexport const dayTheme: HarmonyTheme = {\n type: 'day',\n color: colorTheme.day,\n ...commonFoundations\n}\n\nexport const darkTheme: HarmonyTheme = {\n type: 'dark',\n color: colorTheme.dark,\n ...commonFoundations\n}\n\nexport const matrixTheme: HarmonyTheme = {\n type: 'matrix',\n color: colorTheme.matrix,\n ...commonFoundations\n}\n\nexport const debugTheme: HarmonyTheme = {\n type: 'debug',\n color: colorTheme.debug,\n ...commonFoundations\n}\n\nexport const themes = {\n day: dayTheme,\n dark: darkTheme,\n matrix: matrixTheme,\n debug: debugTheme\n}\n"],"names":[],"mappings":";;;;;;;;;AAWA,IAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,YAAY,EAAA,YAAA;AACZ,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,SAAS,EAAA,SAAA;CACV,CAAA;AAcY,IAAA,QAAQ,GACnB,QAAA,CAAA,EAAA,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,UAAU,CAAC,GAAG,EAClB,EAAA,iBAAiB,EACrB;AAEY,IAAA,SAAS,GACpB,QAAA,CAAA,EAAA,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,UAAU,CAAC,IAAI,EACnB,EAAA,iBAAiB,EACrB;AAEY,IAAA,WAAW,GACtB,QAAA,CAAA,EAAA,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,CAAC,MAAM,EACrB,EAAA,iBAAiB,EACrB;AAEY,IAAA,UAAU,GACrB,QAAA,CAAA,EAAA,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,UAAU,CAAC,KAAK,EACpB,EAAA,iBAAiB,EACrB;AAEY,IAAA,MAAM,GAAG;AACpB,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,KAAK,EAAE,UAAU;;;;;"}
|