thread-ui 0.8.0 → 0.9.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/README.md +28 -1
- package/dist/components/data-display/sort-controls/sort-controls.js.map +1 -1
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.js +2 -2
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.js.map +1 -1
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js +2 -4
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js.map +1 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js +2 -2
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/file-input.js +5 -3
- package/dist/components/form-elements/file-upload/components/file-input.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/item-previews.js +4 -4
- package/dist/components/form-elements/file-upload/components/item-previews.js.map +1 -1
- package/dist/components/form-elements/input-wrapper.js +1 -1
- package/dist/components/form-elements/input-wrapper.js.map +1 -1
- package/dist/components/form-elements/number-input/number-input.d.ts +1 -1
- package/dist/components/form-elements/number-input/number-input.js +8 -7
- package/dist/components/form-elements/number-input/number-input.js.map +1 -1
- package/dist/components/form-elements/number-input/number-input.types.d.ts +0 -2
- package/dist/components/form-elements/styles/index.js +7 -6
- package/dist/components/form-elements/styles/index.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.js +5 -5
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/container/container.d.ts +2 -2
- package/dist/components/layouts/container/container.js +9 -6
- package/dist/components/layouts/container/container.js.map +1 -1
- package/dist/components/layouts/container/container.types.d.ts +6 -5
- package/dist/components/layouts/footer/footer.d.ts +1 -1
- package/dist/components/layouts/footer/footer.js +7 -22
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/footer/footer.types.d.ts +3 -0
- package/dist/components/media/image-panel/image-panel.js.map +1 -1
- package/dist/components/media/info-card/info-card.d.ts +3 -8
- package/dist/components/media/info-card/info-card.js +74 -31
- package/dist/components/media/info-card/info-card.js.map +1 -1
- package/dist/components/media/info-card/info-card.types.d.ts +5 -2
- package/dist/components/media/media-card/media-card.d.ts +1 -1
- package/dist/components/media/media-card/media-card.js +44 -14
- package/dist/components/media/media-card/media-card.js.map +1 -1
- package/dist/components/media/media-card/media-card.types.d.ts +3 -1
- package/dist/components/navigation/nav-menu/{items → components}/index.d.ts +1 -1
- package/dist/components/navigation/nav-menu/{items → components}/index.js +1 -1
- package/dist/components/navigation/nav-menu/components/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.js +7 -12
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js +6 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts +5 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js +6 -0
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/index.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-link/index.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-link/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.d.ts +2 -0
- package/dist/components/navigation/nav-menu/{items/base-item/base-item.js → components/nav-link/nav-link.js} +9 -7
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.d.ts +7 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.js.map +1 -0
- package/dist/components/navigation/nav-menu/nav-menu.js +17 -21
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +4 -4
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +3 -3
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
- package/dist/components/typography/page-header/page-header.js +3 -3
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/ui/button/button-recipe.js +28 -28
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/card/card.d.ts +10 -4
- package/dist/components/ui/card/card.js +64 -29
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/card.types.d.ts +11 -5
- package/dist/components/ui/divider/divider.js +5 -5
- package/dist/components/ui/divider/divider.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/index.d.ts +2 -2
- package/dist/components/ui/loaders/skeleton/index.js +1 -1
- package/dist/components/ui/loaders/skeleton/index.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/skeleton.d.ts +5 -5
- package/dist/components/ui/loaders/skeleton/skeleton.js +5 -5
- package/dist/components/ui/loaders/skeleton/skeleton.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/skeleton.types.d.ts +1 -1
- package/dist/components/ui/loaders/skeleton-layout/index.d.ts +2 -2
- package/dist/components/ui/loaders/skeleton-layout/index.js +1 -1
- package/dist/components/ui/loaders/skeleton-layout/index.js.map +1 -1
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.d.ts +4 -4
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js +5 -5
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js.map +1 -1
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +3 -3
- package/dist/components/ui/modal/components/modal-content.js +2 -1
- package/dist/components/ui/modal/components/modal-content.js.map +1 -1
- package/dist/components/ui/modal/modal.js +2 -2
- package/dist/components/ui/modal/modal.js.map +1 -1
- package/dist/components/ui/toggle/toggle.js +7 -7
- package/dist/components/ui/toggle/toggle.js.map +1 -1
- package/dist/internal-components/image/is-html-image-props.js +1 -2
- package/dist/internal-components/image/is-html-image-props.js.map +1 -1
- package/dist/styled-system/recipes/button.js +14 -14
- package/dist/styled-system/recipes/button.mjs +14 -14
- package/dist/styled-system/styles.css +1 -1
- package/dist/styled-system/tokens/index.js +106 -46
- package/dist/styled-system/tokens/index.mjs +106 -46
- package/dist/styled-system/tokens/tokens.d.ts +9 -6
- package/dist/styled-system/types/prop-type.d.ts +2 -1
- package/dist/styled-system/types/style-props.d.ts +1 -1
- package/dist/styles/panda.css +1 -1
- package/dist/styles/tailwind.css +1 -0
- package/dist/styles/theme.css +62 -17
- package/dist/styles/thread.css +3 -3
- package/dist/theme/css-name-configurations/theme-css-names.d.ts +125 -18
- package/dist/theme/css-name-configurations/theme-css-names.js +50 -7
- package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
- package/dist/theme/default-theme.js +48 -14
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-surface-system.d.ts +9 -0
- package/dist/theme/theme-surface-system.js +34 -0
- package/dist/theme/theme-surface-system.js.map +1 -0
- package/dist/theme/thread-theme.js.map +1 -1
- package/dist/types/image/image.types.d.ts +1 -1
- package/dist/types/theme/theme.types.d.ts +69 -11
- package/dist/types/utility/index.d.ts +1 -1
- package/dist/types/utility/type-production.types.d.ts +4 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.d.ts +11 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js +11 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js.map +1 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/index.d.ts +1 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/index.js +2 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/index.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.d.ts +3 -2
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js +21 -17
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js.map +1 -1
- package/dist/utils/theme-utilities/index.d.ts +1 -0
- package/dist/utils/theme-utilities/index.js +1 -0
- package/dist/utils/theme-utilities/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts +0 -9
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/base-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js +0 -6
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.d.ts +0 -7
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js +0 -6
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/nav-menu-styles.d.ts +0 -4
- package/dist/components/navigation/nav-menu/nav-menu-styles.js +0 -5
- package/dist/components/navigation/nav-menu/nav-menu-styles.js.map +0 -1
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/index.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/index.js +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.js +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/index.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/index.js +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.types.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.types.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SurfaceLayerOptions, BgColorOptions, ShadowOptions, StructureColorOptions, UtilitySizeOptions } from '../../../types';
|
|
3
3
|
export type CardProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
|
+
/** Layer shorthand — resolves bg, shadow, and structure from SurfaceLayerMap @default `'surface'` */
|
|
6
|
+
layer?: SurfaceLayerOptions;
|
|
7
|
+
/** Override background color @default resolved from layer: `'surface'` */
|
|
8
|
+
bg?: BgColorOptions;
|
|
9
|
+
/** Override shadow @default resolved from layer: `'sm'` */
|
|
10
|
+
shadow?: ShadowOptions;
|
|
11
|
+
/** Override border structure color @default resolved from layer: `'subtle'` */
|
|
12
|
+
structure?: StructureColorOptions | 'none';
|
|
5
13
|
/** Size variant controlling border radius and max width @default `'md'` */
|
|
6
14
|
size?: UtilitySizeOptions;
|
|
7
|
-
/**
|
|
8
|
-
|
|
9
|
-
/** Background color token @default `'background'` */
|
|
10
|
-
surfaceColor?: SurfaceColorOptions;
|
|
15
|
+
/** Allow card to fill available width @default false */
|
|
16
|
+
fullWidth?: boolean;
|
|
11
17
|
/** Optional title rendered above the card content */
|
|
12
18
|
title?: {
|
|
13
19
|
/** Title text */
|
|
@@ -4,11 +4,11 @@ const styles = {
|
|
|
4
4
|
core: {
|
|
5
5
|
base: css({
|
|
6
6
|
marginX: 'auto',
|
|
7
|
-
backgroundColor: 'structure',
|
|
7
|
+
backgroundColor: 'structure.default',
|
|
8
8
|
borderRadius: '9999px',
|
|
9
9
|
}),
|
|
10
10
|
marginY: css({
|
|
11
|
-
marginY: '
|
|
11
|
+
marginY: '4',
|
|
12
12
|
}),
|
|
13
13
|
width: css({
|
|
14
14
|
width: '75%',
|
|
@@ -17,9 +17,9 @@ const styles = {
|
|
|
17
17
|
dividerWeight: cva({
|
|
18
18
|
variants: {
|
|
19
19
|
weight: {
|
|
20
|
-
light: { height: '0.
|
|
21
|
-
standard: { height: '
|
|
22
|
-
heavy: { height: '
|
|
20
|
+
light: { height: '0.125' },
|
|
21
|
+
standard: { height: '0.25' },
|
|
22
|
+
heavy: { height: '0.5' },
|
|
23
23
|
},
|
|
24
24
|
},
|
|
25
25
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,MAAM,GAAG;IACd,IAAI,EAAE;QACL,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,MAAM,GAAG;IACd,IAAI,EAAE;QACL,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,mBAAmB;YACpC,YAAY,EAAE,QAAQ;SACtB,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,GAAG;SACZ,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF;IACD,aAAa,EAAE,GAAG,CAAC;QAClB,QAAQ,EAAE;YACT,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;gBAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;gBAC5B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;aACxB;SACD;QACD,eAAe,EAAE;YAChB,MAAM,EAAE,UAAU;SAClB;KACD,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,YAAY,GAAkB;QACnC,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;KAC7D,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CACnB,MAAM,CAAC,IAAI,CAAC,IAAI,EAChB,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAChC,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAC/B,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAC3B,CAAC;IAEF,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type {
|
|
2
|
-
export {
|
|
1
|
+
export type { SkeletonLoaderProps } from './skeleton.types';
|
|
2
|
+
export { SkeletonLoader } from './skeleton';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { SkeletonLoader } from './skeleton';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { SkeletonLoaderProps } from './skeleton.types';
|
|
2
2
|
/**
|
|
3
|
-
* Low-level skeleton primitive for building content
|
|
3
|
+
* Low-level skeleton primitive for building content placeholders.
|
|
4
4
|
* Compose multiple instances to mirror the shape of loading content.
|
|
5
5
|
*
|
|
6
6
|
* @example
|
|
7
|
-
* <
|
|
8
|
-
* <
|
|
7
|
+
* <SkeletonLoader w="100%" h="4" />
|
|
8
|
+
* <SkeletonLoader w="10" h="10" round />
|
|
9
9
|
*/
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const SkeletonLoader: ({ w, h, round }: SkeletonLoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { cva } from '../../../../styled-system/css';
|
|
|
3
3
|
const styles = cva({
|
|
4
4
|
base: {
|
|
5
5
|
display: 'block',
|
|
6
|
-
backgroundImage: `linear-gradient(90deg, var(--thread-
|
|
6
|
+
backgroundImage: `linear-gradient(90deg, var(--thread-structure-subtle) 25%, var(--thread-hover) 50%, var(--thread-structure-subtle) 75%)`,
|
|
7
7
|
backgroundSize: '200% 100%',
|
|
8
8
|
animation: 'shimmer 1.5s linear infinite',
|
|
9
9
|
},
|
|
@@ -18,14 +18,14 @@ const styles = cva({
|
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
20
|
/**
|
|
21
|
-
* Low-level skeleton primitive for building content
|
|
21
|
+
* Low-level skeleton primitive for building content placeholders.
|
|
22
22
|
* Compose multiple instances to mirror the shape of loading content.
|
|
23
23
|
*
|
|
24
24
|
* @example
|
|
25
|
-
* <
|
|
26
|
-
* <
|
|
25
|
+
* <SkeletonLoader w="100%" h="4" />
|
|
26
|
+
* <SkeletonLoader w="10" h="10" round />
|
|
27
27
|
*/
|
|
28
|
-
export const
|
|
28
|
+
export const SkeletonLoader = ({ w = '100%', h = '3rem', round = false }) => {
|
|
29
29
|
return _jsx("span", { role: "status", className: styles({ round }), style: { width: w, height: h } });
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,eAAe,EAAE,yHAAyH;QAC1I,cAAc,EAAE,WAAW;QAC3B,SAAS,EAAE,8BAA8B;KACzC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YAC9B,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;SAC7B;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,KAAK;KACZ;CACD,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,KAAK,GAAG,KAAK,EAAuB,EAAE,EAAE;IAChG,OAAO,eAAM,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CAAC;AAC7F,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type {
|
|
2
|
-
export {
|
|
1
|
+
export type { SkeletonLayoutLoaderProps } from './skeleton-layout.types';
|
|
2
|
+
export { SkeletonLayoutLoader } from './skeleton-layout';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { SkeletonLayoutLoader } from './skeleton-layout';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton-layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton-layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { SkeletonLayoutLoaderProps } from './skeleton-layout.types';
|
|
2
2
|
/**
|
|
3
|
-
* Renders a grid of
|
|
3
|
+
* Renders a grid of SkeletonLoader placeholders using ColumnLayout.
|
|
4
4
|
* Total items rendered = `lgcol * rows`.
|
|
5
5
|
*
|
|
6
6
|
* @example
|
|
7
|
-
* <
|
|
7
|
+
* <SkeletonLayoutLoader
|
|
8
8
|
* lgcol={3}
|
|
9
9
|
* mdcol={2}
|
|
10
10
|
* rows={4}
|
|
11
11
|
* itemConfig={{ w: '100%', h: '120px' }}
|
|
12
12
|
* />
|
|
13
13
|
*/
|
|
14
|
-
export declare const
|
|
14
|
+
export declare const SkeletonLayoutLoader: ({ itemConfig, mdcol, lgcol, rows, }: SkeletonLayoutLoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { SkeletonLoader } from '../skeleton/skeleton';
|
|
3
3
|
import { ColumnLayout } from '../../../../components/layouts';
|
|
4
4
|
/**
|
|
5
|
-
* Renders a grid of
|
|
5
|
+
* Renders a grid of SkeletonLoader placeholders using ColumnLayout.
|
|
6
6
|
* Total items rendered = `lgcol * rows`.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
|
-
* <
|
|
9
|
+
* <SkeletonLayoutLoader
|
|
10
10
|
* lgcol={3}
|
|
11
11
|
* mdcol={2}
|
|
12
12
|
* rows={4}
|
|
13
13
|
* itemConfig={{ w: '100%', h: '120px' }}
|
|
14
14
|
* />
|
|
15
15
|
*/
|
|
16
|
-
export const
|
|
16
|
+
export const SkeletonLayoutLoader = ({ itemConfig, mdcol, lgcol = mdcol, rows = 3, }) => {
|
|
17
17
|
const itemCount = lgcol * rows;
|
|
18
18
|
const items = [...Array(itemCount)].map((_, i) => ({
|
|
19
|
-
content: _jsx(
|
|
19
|
+
content: _jsx(SkeletonLoader, { ...itemConfig }, i),
|
|
20
20
|
}));
|
|
21
21
|
return _jsx(ColumnLayout, { mdcol: mdcol, lgcol: lgcol, items: items });
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton-layout.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton-layout/skeleton-layout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"skeleton-layout.js","sourceRoot":"","sources":["../../../../../src/components/ui/loaders/skeleton-layout/skeleton-layout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,UAAU,EACV,KAAK,EACL,KAAK,GAAG,KAAK,EACb,IAAI,GAAG,CAAC,GACmB,EAAE,EAAE;IAC/B,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;IAE/B,MAAM,KAAK,GAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAChE,OAAO,EAAE,KAAC,cAAc,OAAa,UAAU,IAAjB,CAAC,CAAoB;KACnD,CAAC,CAAC,CAAC;IAEJ,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACnE,CAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ColumnLayoutProps } from '../../../../components/layouts';
|
|
2
|
-
import {
|
|
3
|
-
export type
|
|
2
|
+
import { SkeletonLoaderProps } from '../skeleton/skeleton.types';
|
|
3
|
+
export type SkeletonLayoutLoaderProps = Omit<ColumnLayoutProps, 'title' | 'caption' | 'items'> & {
|
|
4
4
|
/** Configuration passed to each individual Skeleton item */
|
|
5
|
-
itemConfig:
|
|
5
|
+
itemConfig: SkeletonLoaderProps;
|
|
6
6
|
/** Number of rows to render. Total items = `lgcol * rows` @default 3 */
|
|
7
7
|
rows?: number;
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.js","sourceRoot":"","sources":["../../../../../src/components/ui/modal/components/modal-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,IAAI,EAAE;YACL,
|
|
1
|
+
{"version":3,"file":"modal-content.js","sourceRoot":"","sources":["../../../../../src/components/ui/modal/components/modal-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,IAAI,EAAE;YACL,eAAe,EAAE,SAAS;YAC1B,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,MAAM;SACb;QACD,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,EAAE,EAAE,OAAO;qBACX;iBACD;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,EAAE,EAAE,OAAO;qBACX;iBACD;gBACD,EAAE,EAAE;oBACH,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,EAAE,EAAE,OAAO;qBACX;iBACD;gBACD,IAAI,EAAE;oBACL,YAAY,EAAE,MAAM;oBACpB,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;iBACd;aACD;SACD;QACD,eAAe,EAAE;YAChB,IAAI,EAAE,IAAI;SACV;KACD,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,IAAI,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,GAAG;SACZ;QACD,QAAQ,EAAE;YACT,IAAI,EAAE;gBACL,EAAE,EAAE;oBACH,OAAO,EAAE,GAAG;iBACZ;gBACD,EAAE,EAAE;oBACH,OAAO,EAAE,GAAG;iBACZ;gBACD,EAAE,EAAE;oBACH,OAAO,EAAE,GAAG;iBACZ;gBACD,IAAI,EAAE;oBACL,OAAO,EAAE,GAAG;iBACZ;aACD;SACD;KACD,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,MAAM;KACjB,CAAC;IACF,UAAU,EAAE,GAAG,CAAC;QACf,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,GAAG;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,aAAa;QAC5B,cAAc,EAAE,eAAe;KAC/B,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAChC,kCAAkC;IAClC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,IAAI,EAAE,GACtF,eAAe,EAAE,CAAC;IAEnB,uBAAuB;IACvB,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAErD,UAAU,CAAC,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAC5B,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,EAAE,IAAC,MAAM,kBAAE,KAAK,GAAM,CACvB,CAAC,CAAC,CAAC,CACH,KAAC,EAAE,IAAC,MAAM,kBAAE,KAAK,GAAM,CACvB,CACD,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,eAAe,YAC7D,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,aAC/C,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,aAChC,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,EACD,YAAY,IACR,EACL,QAAQ,EACR,MAAM,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,IAC/C,GACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,IAAI,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,IAAI,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,OAAO;YACnB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,OAAO;SACf;QACD,QAAQ,EAAE;YACT,SAAS,EAAE;gBACV,MAAM,EAAE;oBACP,UAAU,EAAE,QAAQ;oBACpB,UAAU,EAAE,GAAG;iBACf;gBACD,GAAG,EAAE;oBACJ,UAAU,EAAE,KAAK;oBACjB,UAAU,EAAE,IAAI;iBAChB;aACD;SACD;KACD,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC1C,MAAM,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,QAAQ,EACpB,mBAAmB,GAAG,IAAI,EAC1B,UAAU,GAAG,IAAI,GACjB,GAAG,KAAK,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,MAAM,GAAG,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC;QAE7C,OAAO,YAAY,CAClB,KAAC,aAAa,IACb,KAAK,EAAE;gBACN,GAAG,KAAK;gBACR,SAAS;gBACT,mBAAmB;gBACnB,UAAU;gBACV,aAAa;aACb,YAED,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,YAC5C,KAAC,YAAY,KAAG,GACX,GACS,EAChB,MAAM,CACN,CAAC;IACH,CAAC;AACF,CAAC,CAAC"}
|
|
@@ -7,16 +7,16 @@ const styles = {
|
|
|
7
7
|
position: 'relative',
|
|
8
8
|
display: 'inline-flex',
|
|
9
9
|
alignItems: 'center',
|
|
10
|
-
height: '
|
|
11
|
-
width: '
|
|
10
|
+
height: '6',
|
|
11
|
+
width: '11',
|
|
12
12
|
borderRadius: '9999px',
|
|
13
13
|
transition: 'background-color 200ms ease-in-out',
|
|
14
14
|
outline: 'none',
|
|
15
15
|
}),
|
|
16
16
|
knob: css({
|
|
17
17
|
display: 'inline-block',
|
|
18
|
-
height: '
|
|
19
|
-
width: '
|
|
18
|
+
height: '4',
|
|
19
|
+
width: '4',
|
|
20
20
|
backgroundColor: 'white',
|
|
21
21
|
borderRadius: '9999px',
|
|
22
22
|
transform: 'translateX(4px)',
|
|
@@ -27,8 +27,8 @@ const styles = {
|
|
|
27
27
|
}),
|
|
28
28
|
srOnly: css({
|
|
29
29
|
position: 'absolute',
|
|
30
|
-
width: '
|
|
31
|
-
height: '
|
|
30
|
+
width: '0.25',
|
|
31
|
+
height: '0.25',
|
|
32
32
|
padding: '0',
|
|
33
33
|
margin: '-1px',
|
|
34
34
|
overflow: 'hidden',
|
|
@@ -44,7 +44,7 @@ const styles = {
|
|
|
44
44
|
* <Toggle isOn={enabled} onToggle={() => setEnabled(!enabled)} color="primary" />
|
|
45
45
|
*/
|
|
46
46
|
export const Toggle = ({ isOn, onToggle, color = 'success' }) => {
|
|
47
|
-
const colorValue = getUtilityColorValue(color);
|
|
47
|
+
const colorValue = getUtilityColorValue(color, 'dark');
|
|
48
48
|
return (_jsxs("button", { type: "button", onClick: onToggle, className: styles.button, style: { backgroundColor: isOn ? colorValue : ThreadTheme.gray.main }, children: [_jsx("span", { className: styles.srOnly, children: isOn ? 'On' : 'Off' }), _jsx("span", { className: cx(styles.knob, isOn && styles.knobOn) })] }));
|
|
49
49
|
};
|
|
50
50
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,MAAM,GAAG;IACd,MAAM,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,MAAM,GAAG;IACd,MAAM,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,oCAAoC;QAChD,OAAO,EAAE,MAAM;KACf,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,OAAO,EAAE,cAAc;QACvB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,QAAQ;QACtB,SAAS,EAAE,iBAAiB;QAC5B,UAAU,EAAE,6BAA6B;KACzC,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,SAAS,EAAE,kBAAkB;KAC7B,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE,kBAAkB;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,GAAG;KAChB,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAe,EAAE,EAAE;IAC5E,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEvD,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,aAErE,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAQ,EAC5D,eAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,GAAI,IACnD,CACT,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -2,8 +2,7 @@ export const isHtmlImageProps = (value) => {
|
|
|
2
2
|
return (typeof value === 'object' &&
|
|
3
3
|
value !== null &&
|
|
4
4
|
'src' in value &&
|
|
5
|
-
'alt' in value &&
|
|
6
5
|
typeof value.src === 'string' &&
|
|
7
|
-
typeof value.alt === 'string');
|
|
6
|
+
(!('alt' in value) || typeof value.alt === 'string'));
|
|
8
7
|
};
|
|
9
8
|
//# sourceMappingURL=is-html-image-props.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is-html-image-props.js","sourceRoot":"","sources":["../../../src/internal-components/image/is-html-image-props.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAU,EAA2B,EAAE;IACvE,OAAO,CACN,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,KAAK,IAAI,KAAK;QACd,
|
|
1
|
+
{"version":3,"file":"is-html-image-props.js","sourceRoot":"","sources":["../../../src/internal-components/image/is-html-image-props.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAU,EAA2B,EAAE;IACvE,OAAO,CACN,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,KAAK,IAAI,KAAK;QACd,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ;QAC7B,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,CACpD,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -13,7 +13,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
13
13
|
"css": {
|
|
14
14
|
"_hover": {
|
|
15
15
|
"backgroundColor": "primary.main",
|
|
16
|
-
"color": "
|
|
16
|
+
"color": "text.inverted",
|
|
17
17
|
"borderColor": "primary.main"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -24,7 +24,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
24
24
|
"css": {
|
|
25
25
|
"_hover": {
|
|
26
26
|
"backgroundColor": "secondary.main",
|
|
27
|
-
"color": "
|
|
27
|
+
"color": "text.inverted",
|
|
28
28
|
"borderColor": "secondary.main"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -35,7 +35,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
35
35
|
"css": {
|
|
36
36
|
"_hover": {
|
|
37
37
|
"backgroundColor": "tertiary.main",
|
|
38
|
-
"color": "
|
|
38
|
+
"color": "text.inverted",
|
|
39
39
|
"borderColor": "tertiary.main"
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -46,7 +46,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
46
46
|
"css": {
|
|
47
47
|
"_hover": {
|
|
48
48
|
"backgroundColor": "gray.main",
|
|
49
|
-
"color": "
|
|
49
|
+
"color": "text.inverted",
|
|
50
50
|
"borderColor": "gray.main"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -57,7 +57,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
57
57
|
"css": {
|
|
58
58
|
"_hover": {
|
|
59
59
|
"backgroundColor": "success.main",
|
|
60
|
-
"color": "
|
|
60
|
+
"color": "text.inverted",
|
|
61
61
|
"borderColor": "success.main"
|
|
62
62
|
}
|
|
63
63
|
}
|
|
@@ -68,7 +68,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
68
68
|
"css": {
|
|
69
69
|
"_hover": {
|
|
70
70
|
"backgroundColor": "warning.main",
|
|
71
|
-
"color": "
|
|
71
|
+
"color": "text.inverted",
|
|
72
72
|
"borderColor": "warning.main"
|
|
73
73
|
}
|
|
74
74
|
}
|
|
@@ -79,7 +79,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
79
79
|
"css": {
|
|
80
80
|
"_hover": {
|
|
81
81
|
"backgroundColor": "error.main",
|
|
82
|
-
"color": "
|
|
82
|
+
"color": "text.inverted",
|
|
83
83
|
"borderColor": "error.main"
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -90,7 +90,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
90
90
|
"css": {
|
|
91
91
|
"_hover": {
|
|
92
92
|
"backgroundColor": "info.main",
|
|
93
|
-
"color": "
|
|
93
|
+
"color": "text.inverted",
|
|
94
94
|
"borderColor": "info.main"
|
|
95
95
|
}
|
|
96
96
|
}
|
|
@@ -101,7 +101,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
101
101
|
"css": {
|
|
102
102
|
"_hover": {
|
|
103
103
|
"backgroundColor": "text.standard",
|
|
104
|
-
"color": "
|
|
104
|
+
"color": "text.inverted",
|
|
105
105
|
"borderColor": "text.standard"
|
|
106
106
|
}
|
|
107
107
|
}
|
|
@@ -111,10 +111,9 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
111
111
|
"disabled": true,
|
|
112
112
|
"css": {
|
|
113
113
|
"_hover": {
|
|
114
|
-
"backgroundColor": "
|
|
114
|
+
"backgroundColor": "transparent",
|
|
115
115
|
"color": "text.standard",
|
|
116
|
-
"borderColor": "text.standard"
|
|
117
|
-
"borderWidth": "md"
|
|
116
|
+
"borderColor": "text.standard"
|
|
118
117
|
}
|
|
119
118
|
}
|
|
120
119
|
},
|
|
@@ -124,7 +123,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
124
123
|
"css": {
|
|
125
124
|
"_hover": {
|
|
126
125
|
"backgroundColor": "black",
|
|
127
|
-
"color": "
|
|
126
|
+
"color": "text.inverted",
|
|
128
127
|
"borderColor": "white"
|
|
129
128
|
}
|
|
130
129
|
}
|
|
@@ -225,7 +224,8 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
225
224
|
"css": {
|
|
226
225
|
"color": "text.standard",
|
|
227
226
|
"_hover": {
|
|
228
|
-
"color": "text.standard"
|
|
227
|
+
"color": "text.standard",
|
|
228
|
+
"backgroundColor": "transparent"
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
},
|
|
@@ -13,7 +13,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
13
13
|
"css": {
|
|
14
14
|
"_hover": {
|
|
15
15
|
"backgroundColor": "primary.main",
|
|
16
|
-
"color": "
|
|
16
|
+
"color": "text.inverted",
|
|
17
17
|
"borderColor": "primary.main"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -24,7 +24,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
24
24
|
"css": {
|
|
25
25
|
"_hover": {
|
|
26
26
|
"backgroundColor": "secondary.main",
|
|
27
|
-
"color": "
|
|
27
|
+
"color": "text.inverted",
|
|
28
28
|
"borderColor": "secondary.main"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -35,7 +35,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
35
35
|
"css": {
|
|
36
36
|
"_hover": {
|
|
37
37
|
"backgroundColor": "tertiary.main",
|
|
38
|
-
"color": "
|
|
38
|
+
"color": "text.inverted",
|
|
39
39
|
"borderColor": "tertiary.main"
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -46,7 +46,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
46
46
|
"css": {
|
|
47
47
|
"_hover": {
|
|
48
48
|
"backgroundColor": "gray.main",
|
|
49
|
-
"color": "
|
|
49
|
+
"color": "text.inverted",
|
|
50
50
|
"borderColor": "gray.main"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -57,7 +57,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
57
57
|
"css": {
|
|
58
58
|
"_hover": {
|
|
59
59
|
"backgroundColor": "success.main",
|
|
60
|
-
"color": "
|
|
60
|
+
"color": "text.inverted",
|
|
61
61
|
"borderColor": "success.main"
|
|
62
62
|
}
|
|
63
63
|
}
|
|
@@ -68,7 +68,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
68
68
|
"css": {
|
|
69
69
|
"_hover": {
|
|
70
70
|
"backgroundColor": "warning.main",
|
|
71
|
-
"color": "
|
|
71
|
+
"color": "text.inverted",
|
|
72
72
|
"borderColor": "warning.main"
|
|
73
73
|
}
|
|
74
74
|
}
|
|
@@ -79,7 +79,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
79
79
|
"css": {
|
|
80
80
|
"_hover": {
|
|
81
81
|
"backgroundColor": "error.main",
|
|
82
|
-
"color": "
|
|
82
|
+
"color": "text.inverted",
|
|
83
83
|
"borderColor": "error.main"
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -90,7 +90,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
90
90
|
"css": {
|
|
91
91
|
"_hover": {
|
|
92
92
|
"backgroundColor": "info.main",
|
|
93
|
-
"color": "
|
|
93
|
+
"color": "text.inverted",
|
|
94
94
|
"borderColor": "info.main"
|
|
95
95
|
}
|
|
96
96
|
}
|
|
@@ -101,7 +101,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
101
101
|
"css": {
|
|
102
102
|
"_hover": {
|
|
103
103
|
"backgroundColor": "text.standard",
|
|
104
|
-
"color": "
|
|
104
|
+
"color": "text.inverted",
|
|
105
105
|
"borderColor": "text.standard"
|
|
106
106
|
}
|
|
107
107
|
}
|
|
@@ -111,10 +111,9 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
111
111
|
"disabled": true,
|
|
112
112
|
"css": {
|
|
113
113
|
"_hover": {
|
|
114
|
-
"backgroundColor": "
|
|
114
|
+
"backgroundColor": "transparent",
|
|
115
115
|
"color": "text.standard",
|
|
116
|
-
"borderColor": "text.standard"
|
|
117
|
-
"borderWidth": "md"
|
|
116
|
+
"borderColor": "text.standard"
|
|
118
117
|
}
|
|
119
118
|
}
|
|
120
119
|
},
|
|
@@ -124,7 +123,7 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
124
123
|
"css": {
|
|
125
124
|
"_hover": {
|
|
126
125
|
"backgroundColor": "black",
|
|
127
|
-
"color": "
|
|
126
|
+
"color": "text.inverted",
|
|
128
127
|
"borderColor": "white"
|
|
129
128
|
}
|
|
130
129
|
}
|
|
@@ -225,7 +224,8 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
|
|
225
224
|
"css": {
|
|
226
225
|
"color": "text.standard",
|
|
227
226
|
"_hover": {
|
|
228
|
-
"color": "text.standard"
|
|
227
|
+
"color": "text.standard",
|
|
228
|
+
"backgroundColor": "transparent"
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
},
|