@adgytec/adgytec-web-ui-components 2.1.9 → 2.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/AppBarHeadline.css +1 -1
- package/dist/assets/Card.css +1 -0
- package/dist/assets/CardIcon.css +1 -0
- package/dist/assets/ConnectedButtonGroup.css +1 -1
- package/dist/assets/GridBackgroundDecorator.css +1 -0
- package/dist/assets/ListAvatar.css +1 -0
- package/dist/assets/ListBox.css +1 -0
- package/dist/assets/ListIcon.css +1 -0
- package/dist/assets/ListItem.css +1 -0
- package/dist/assets/ListLabelText.css +1 -0
- package/dist/assets/ListMedia.css +1 -0
- package/dist/assets/ListOverlineText.css +1 -0
- package/dist/assets/ListSupportingText.css +1 -0
- package/dist/assets/NavigationScrollContainer.css +1 -1
- package/dist/assets/RadialGlowDecorator.css +1 -0
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/index.css +1 -0
- package/dist/chunks/AppBarHeadline +2 -2
- package/dist/chunks/AppBarHeadline.map +1 -1
- package/dist/chunks/Card +22 -0
- package/dist/chunks/Card.map +1 -0
- package/dist/chunks/CardIcon +23 -0
- package/dist/chunks/CardIcon.map +1 -0
- package/dist/chunks/ConnectedButtonGroup +6 -6
- package/dist/chunks/ConnectedButtonGroup.map +1 -1
- package/dist/chunks/GridBackgroundDecorator +16 -0
- package/dist/chunks/GridBackgroundDecorator.map +1 -0
- package/dist/chunks/ListAvatar +20 -0
- package/dist/chunks/ListAvatar.map +1 -0
- package/dist/chunks/ListBox +16 -0
- package/dist/chunks/ListBox.map +1 -0
- package/dist/chunks/ListIcon +21 -0
- package/dist/chunks/ListIcon.map +1 -0
- package/dist/chunks/ListItem +63 -0
- package/dist/chunks/ListItem.map +1 -0
- package/dist/chunks/ListLabelText +22 -0
- package/dist/chunks/ListLabelText.map +1 -0
- package/dist/chunks/ListMedia +15 -0
- package/dist/chunks/ListMedia.map +1 -0
- package/dist/chunks/ListOverlineText +21 -0
- package/dist/chunks/ListOverlineText.map +1 -0
- package/dist/chunks/ListSupportingText +22 -0
- package/dist/chunks/ListSupportingText.map +1 -0
- package/dist/chunks/Navigation +20 -20
- package/dist/chunks/NavigationScrollContainer +45 -32
- package/dist/chunks/NavigationScrollContainer.map +1 -1
- package/dist/chunks/RadialGlowDecorator +110 -0
- package/dist/chunks/RadialGlowDecorator.map +1 -0
- package/dist/chunks/Snackbar +18 -27
- package/dist/chunks/Snackbar.map +1 -1
- package/dist/chunks/types +6 -0
- package/dist/chunks/types.map +1 -0
- package/dist/components/Card/Card/Card.d.ts +2 -0
- package/dist/components/Card/Card/index.d.ts +2 -0
- package/dist/components/Card/Card/index.js +3 -0
- package/dist/components/Card/Card/types.d.ts +7 -0
- package/dist/components/Card/CardIcon/CardIcon.d.ts +2 -0
- package/dist/components/Card/CardIcon/index.d.ts +1 -0
- package/dist/components/Card/CardIcon/index.js +2 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.js +4 -0
- package/dist/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.d.ts +14 -0
- package/dist/components/Decorators/GridBackgroundDecorator/index.d.ts +1 -0
- package/dist/components/Decorators/GridBackgroundDecorator/index.js +2 -0
- package/dist/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.d.ts +12 -0
- package/dist/components/Decorators/RadialGlowDecorator/index.d.ts +1 -0
- package/dist/components/Decorators/RadialGlowDecorator/index.js +2 -0
- package/dist/components/Decorators/index.d.ts +2 -0
- package/dist/components/Decorators/index.js +3 -0
- package/dist/components/List/ListAction/ListAction.d.ts +2 -0
- package/dist/components/List/ListAction/index.d.ts +1 -0
- package/dist/components/List/ListAction/index.js +0 -0
- package/dist/components/List/ListAvatar/ListAvatar.d.ts +1 -0
- package/dist/components/List/ListAvatar/index.d.ts +1 -0
- package/dist/components/List/ListAvatar/index.js +2 -0
- package/dist/components/List/ListBox/ListBox.d.ts +2 -0
- package/dist/components/List/ListBox/index.d.ts +2 -0
- package/dist/components/List/ListBox/index.js +2 -0
- package/dist/components/List/ListBox/types.d.ts +5 -0
- package/dist/components/List/ListIcon/ListIcon.d.ts +2 -0
- package/dist/components/List/ListIcon/index.d.ts +1 -0
- package/dist/components/List/ListIcon/index.js +2 -0
- package/dist/components/List/ListItem/ListItem.d.ts +2 -0
- package/dist/components/List/ListItem/index.d.ts +2 -0
- package/dist/components/List/ListItem/index.js +2 -0
- package/dist/components/List/ListItem/types.d.ts +9 -0
- package/dist/components/List/ListLabelText/ListLabelText.d.ts +2 -0
- package/dist/components/List/ListLabelText/index.d.ts +1 -0
- package/dist/components/List/ListLabelText/index.js +2 -0
- package/dist/components/List/ListMedia/ListMedia.d.ts +2 -0
- package/dist/components/List/ListMedia/index.d.ts +2 -0
- package/dist/components/List/ListMedia/index.js +2 -0
- package/dist/components/List/ListMedia/types.d.ts +10 -0
- package/dist/components/List/ListOverlineText/ListOverlineText.d.ts +2 -0
- package/dist/components/List/ListOverlineText/index.d.ts +1 -0
- package/dist/components/List/ListOverlineText/index.js +2 -0
- package/dist/components/List/ListSupportingText/ListSupportingText.d.ts +2 -0
- package/dist/components/List/ListSupportingText/index.d.ts +1 -0
- package/dist/components/List/ListSupportingText/index.js +2 -0
- package/dist/components/List/ListTrailingText/ListTrailingText.d.ts +2 -0
- package/dist/components/List/ListTrailingText/index.d.ts +1 -0
- package/dist/components/List/ListTrailingText/index.js +0 -0
- package/dist/components/List/index.d.ts +10 -0
- package/dist/components/List/index.js +9 -0
- package/dist/components/Navigation/NavigationState/context.d.ts +1 -1
- package/dist/components/Navigation/NavigationState/index.js +61 -2
- package/dist/components/Navigation/NavigationState/index.js.map +1 -0
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js +4 -4
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js +5 -5
- package/dist/components/Navigation/index.js +2 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.js +162 -113
- package/dist/index.js.map +1 -1
- package/dist/utils/gradients/gradients.d.ts +17 -0
- package/dist/utils/gradients/index.d.ts +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/chunks/NavigationState +0 -69
- package/dist/chunks/NavigationState.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._headline_yz8nu_2{color:var(--_md-app-bar-title-color);min-block-size:var(--_md-app-bar-headline-block-size)}._centered_yz8nu_7{text-align:center}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._card_a3fgp_11{--_md-card-background:var(--md-card-background,var(--_md-card-background-default));--_md-card-icon-color:var(--md-card-icon-color,var(--md-sys-color-primary));--_md-card-elevation:var(--md-card-elevation,var(--_md-card-elevation-default,var(--md-sys-elevation-shadow-0)));--md-card-shape:var(--md-sys-shape-corner-radius-medium);--md-card-padding:var(--md-sys-layout-space-16);--_state-color:var(--md-sys-color-on-surface);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));--_background-color:var(--_md-card-background);--_shadow:var(--_md-card-elevation);border-radius:var(--md-card-shape);background-color:var(--_background-color);color:var(--_color);box-shadow:var(--_shadow);transition:box-shadow var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration);position:relative;overflow:clip}@media (prefers-reduced-motion){._card_a3fgp_11{transition:none}}._card_a3fgp_11[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover);--_shadow:var(--md-sys-elevation-shadow-1)}._card_a3fgp_11[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus)}._card_a3fgp_11[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed)}._card_a3fgp_11[data-dragging]{--_state-layer-opacity:var(--md-sys-state-dragged);--_shadow:var(--md-sys-elevation-shadow-3)}._card_a3fgp_11[data-disabled]{--_background-color:rgb(from var(--md-sys-color-surface) r g b / var(--md-sys-state-disabled-content));--_color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_state-layer-color:var(--_background-color)}._card_a3fgp_11:before{content:"";border-radius:inherit;background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-standard-fast-spatial) var(--md-sys-motion-standard-fast-spatial-duration);position:absolute;inset:0}@media (prefers-reduced-motion){._card_a3fgp_11:before{transition:none}}._card_a3fgp_11[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color);z-index:1}._elevated_a3fgp_122{--_md-card-elevation-default:var(--md-sys-elevation-shadow-1);--_md-card-background-default:var(--md-sys-color-surface-container-low)}._elevated_a3fgp_122[data-hovered]{--_shadow:var(--md-sys-elevation-shadow-2)}._elevated_a3fgp_122[data-dragging]{--_shadow:var(--md-sys-elevation-shadow-4)}._filled_a3fgp_137{--_md-card-background-default:var(--md-sys-color-surface-container-highest)}._filled_a3fgp_137[data-disabled]{--_background-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-container))}._outlined_a3fgp_150{--_md-card-outline:var(--md-card-outline,var(--md-sys-color-outline-variant));--_md-card-background-default:var(--md-sys-color-surface);--_outline-color:var(--_md-card-outline);--_outline-width:var(--md-sys-shape-border-width-thin);border:var(--_outline-width) solid var(--_outline-color)}._outlined_a3fgp_150[data-focus-visible]{--_outline-color:var(--md-sys-color-on-surface)}._outlined_a3fgp_150[data-disabled]{--_outline-color:rgb(from var(--md-sys-color-outline) r g b / var(--md-sys-state-disabled-container))}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._icon_vasd2_2{color:var(--_md-card-icon-color)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._group_1o488_2{--_shape-start-start:var(--_inner-shape);--_shape-end-start:var(--_inner-shape);--_shape-start-end:var(--_inner-shape);--_shape-end-end:var(--_inner-shape);align-items:center;gap:calc(2 * var(--dp,1px));display:inline-flex}._group_1o488_2>[data-pressed]{--_shape-start-start:var(--_pressed-shape);--_shape-end-start:var(--_pressed-shape);--_shape-start-end:var(--_pressed-shape);--_shape-end-end:var(--_pressed-shape)}._group_1o488_2>[data-connected-button]:first-child{--_shape-start-start:var(--_outer-shape);--_shape-end-start:var(--_outer-shape)}._group_1o488_2>[data-connected-button]:last-child{--_shape-start-end:var(--_outer-shape);--_shape-end-end:var(--_outer-shape)}._extra-small_1o488_31{--md-sys-shape-corner-radius-full:calc(16 * var(--dp,1px));--_md-button-padding-block-base:calc(6 * var(--dp,1px));--_md-button-padding-block:var(--_md-button-padding-block-base);--_md-button-padding-inline-base:var(--md-sys-layout-space-12);--_md-button-padding-inline:var(--_md-button-padding-inline-base);--_md-button-icon-label-gap:var(--md-sys-layout-space-4);--_md-button-outline-width:var(--md-sys-shape-border-width-thin);--_outer-shape:var(--md-sys-shape-corner-radius-full);--_inner-shape:var(--md-sys-shape-corner-radius-small);--_pressed-shape:var(--md-sys-shape-corner-radius-extra-small);--_selected-shape:var(--md-sys-shape-corner-radius-full)}._extra-small_1o488_31[data-shape=square]{--_outer-shape:var(--md-sys-shape-corner-radius-small)}._small_1o488_54{--md-sys-shape-corner-radius-full:calc(20 * var(--dp,1px));--_md-button-padding-block-base:calc(10 * var(--dp,1px));--_md-button-padding-block:var(--_md-button-padding-block-base);--_md-button-padding-inline-base:var(--md-sys-layout-space-16);--_md-button-padding-inline:var(--_md-button-padding-inline-base);--_md-button-icon-label-gap:var(--md-sys-layout-space-8);--_md-button-outline-width:var(--md-sys-shape-border-width-thin);--_outer-shape:var(--md-sys-shape-corner-radius-full);--_inner-shape:var(--md-sys-shape-corner-radius-small);--_pressed-shape:var(--md-sys-shape-corner-radius-extra-small);--_selected-shape:var(--md-sys-shape-corner-radius-full)}._small_1o488_54[data-shape=square]{--_outer-shape:var(--md-sys-shape-corner-radius-small)}._medium_1o488_77{--md-sys-shape-corner-radius-full:calc(28 * var(--dp,1px));--_md-button-padding-block-base:var(--md-sys-layout-space-16);--_md-button-padding-block:var(--_md-button-padding-block-base);--_md-button-padding-inline-base:var(--md-sys-layout-space-24);--_md-button-padding-inline:var(--_md-button-padding-inline-base);--_md-button-icon-label-gap:var(--md-sys-layout-space-8);--_md-button-outline-width:var(--md-sys-shape-border-width-thin);--_outer-shape:var(--md-sys-shape-corner-radius-full);--_inner-shape:var(--md-sys-shape-corner-radius-small);--_pressed-shape:var(--md-sys-shape-corner-radius-extra-small);--_selected-shape:var(--md-sys-shape-corner-radius-full)}._medium_1o488_77[data-shape=square]{--_outer-shape:var(--md-sys-shape-corner-radius-small)}._large_1o488_100{--md-sys-shape-corner-radius-full:calc(48 * var(--dp,1px));--_md-button-padding-block-base:var(--md-sys-layout-space-32);--_md-button-padding-block:var(--_md-button-padding-block-base);--_md-button-padding-inline-base:var(--md-sys-layout-space-48);--_md-button-padding-inline:var(--_md-button-padding-inline-base);--_md-button-icon-label-gap:var(--md-sys-layout-space-12);--_md-button-outline-width:var(--md-sys-shape-border-width-thick);--_outer-shape:var(--md-sys-shape-corner-radius-full);--_inner-shape:var(--md-sys-shape-corner-radius-large);--_pressed-shape:var(--md-sys-shape-corner-radius-medium);--_selected-shape:var(--md-sys-shape-corner-radius-full)}._large_1o488_100[data-shape=square]{--_outer-shape:var(--md-sys-shape-corner-radius-large)}._extra-large_1o488_123{--md-sys-shape-corner-radius-full:calc(68 * var(--dp,1px));--_md-button-padding-block-base:var(--md-sys-layout-space-48);--_md-button-padding-block:var(--_md-button-padding-block-base);--_md-button-padding-inline-base:var(--md-sys-layout-space-64);--_md-button-padding-inline:var(--_md-button-padding-inline-base);--_md-button-icon-label-gap:var(--md-sys-layout-space-16);--_md-button-outline-width:calc(3 * var(--dp,1px));--_outer-shape:var(--md-sys-shape-corner-radius-full);--_inner-shape:var(--md-sys-shape-corner-radius-large-increased);--_pressed-shape:var(--md-sys-shape-corner-radius-large);--_selected-shape:var(--md-sys-shape-corner-radius-full)}._extra-large_1o488_123[data-shape=square]{--_outer-shape:var(--md-sys-shape-corner-radius-large-increased)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._container_vdjz2_2{pointer-events:none;background-size:var(--grid-size,40px) var(--grid-size,40px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 85%);mask-image:radial-gradient(circle,#000 40%,#0000 85%)}._container_vdjz2_2[data-variant=lines]{background-image:linear-gradient(to right, color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent) 1px, transparent 1px)}._container_vdjz2_2[data-variant=dots]{background-image:radial-gradient(color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent) 1.5px, transparent 1.5px)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._avatar_1wa68_9{--_md-list-avatar-size:var(--md-sys-layout-space-40);--_md-list-avatar-background:var(--md-list-avatar-background,var(--md-sys-color-primary-container));--_md-list-avatar-color:var(--md-list-avatar-color,var(--md-sys-color-on-primary-container));--_md-list-color:var(--_md-list-avatar-color);inline-size:var(--_md-list-avatar-size);max-inline-size:var(--_md-list-avatar-size);block-size:var(--_md-list-avatar-size);max-block-size:var(--_md-list-avatar-size);text-align:center;background-color:var(--_md-list-avatar-background);color:var(--_md-list-avatar-color);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:clip}._avatar_1wa68_9 img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.overrides{._list-box_gd8vc_2>[data-list-item]:first-child{border-start-start-radius:var(--_md-list-shape);border-start-end-radius:var(--_md-list-shape)}._list-box_gd8vc_2>[data-list-item]:last-child{border-end-end-radius:var(--_md-list-shape);border-end-start-radius:var(--_md-list-shape)}}@layer adgytec.comps{._list-box_gd8vc_2{--_md-list-shape:var(--md-sys-shape-corner-radius-large);--_md-list-spacing:calc(2 * var(--dp,1px));gap:var(--_md-list-spacing);border-radius:var(--_md-list-shape);display:grid}._start_gd8vc_24{--md-list-align-y:start}._center_gd8vc_28{--md-list-align-y:center}._end_gd8vc_32{--md-list-align-y:end}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._icon_877ov_2{color:var(--_md-list-color);transition:color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration)}@media (prefers-reduced-motion){._icon_877ov_2{transition:none}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._list-item_1jxwa_13{--_md-list-color:var(--md-list-color,var(--md-sys-color-on-surface-variant));--_md-list-label-color:var(--md-list-label-color,var(--md-sys-color-on-surface));--_md-list-selected-color:var(--md-list-selected-color,var(--md-sys-color-on-secondary-container));--_md-list-disabled-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_md-list-item-padding-inline:var(--md-sys-layout-space-16);--_md-list-item-padding-block:calc(10 * var(--dp,1px));--_md-list-item-spacing:var(--md-sys-layout-space-12);--_md-list-item-shape:var(--md-sys-shape-corner-radius-extra-small);--_md-list-item-selected-shape:var(--md-sys-shape-corner-radius-large);--_md-list-item-hovered-shape:var(--md-sys-shape-corner-radius-medium);--_md-list-item-hovered-selected-shape:var(--md-sys-shape-corner-radius-large);--_md-list-item-interaction-shape:var(--md-sys-shape-corner-radius-large);--_shape:var(--_md-list-item-shape);--_md-list-item-background:var(--md-list-item-background,var(--md-sys-color-surface));--_md-list-item-selected-background:var(--md-list-item-selected-background,var(--md-sys-color-secondary-container));--_md-list-item-selected-disabled-background:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_background:var(--_md-list-item-background);--_state-color:var(--md-sys-color-on-surface);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));border-radius:var(--_shape);background:var(--_background);color:var(--_md-list-color);align-items:var(--md-list-align-y,"center");gap:var(--_md-list-item-spacing);padding-inline:var(--_md-list-item-padding-inline);padding-block:var(--_md-list-item-padding-block);transition:border-radius var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration), background-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), box-shadow var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration);display:flex;position:relative;overflow:clip}@media (prefers-reduced-motion){._list-item_1jxwa_13{transition:none}}._list-item_1jxwa_13[data-hovered]{--_shape:var(--_md-list-item-hovered-shape);--_state-layer-opacity:var(--md-sys-state-hover)}._list-item_1jxwa_13[data-focus-visible]{--_shape:var(--_md-list-item-interaction-shape);--_state-layer-opacity:var(--md-sys-state-focus)}._list-item_1jxwa_13[data-pressed]{--_shape:var(--_md-list-item-interaction-shape);--_state-layer-opacity:var(--md-sys-state-pressed)}._list-item_1jxwa_13[data-dragging]{--_shape:var(--_md-list-item-interaction-shape);--_state-layer-opacity:var(--md-sys-state-dragged);box-shadow:var(--md-sys-elevation-shadow-4)}._list-item_1jxwa_13[data-disabled]{--_md-list-color:var(--_md-list-disabled-color);--_md-list-label-color:var(--_md-list-disabled-color);--_state-layer-opacity:var(--md-sys-state-disabled-container);--_background:var(--_md-list-item-selected-disabled-background)}._list-item_1jxwa_13[data-selected]{--_md-list-color:var(--_md-list-selected-color);--_md-list-label-color:var(--_md-list-selected-color);--_shape:var(--_md-list-item-selected-shape);--_background:var(--_md-list-item-selected-background)}._list-item_1jxwa_13[data-selected][data-hovered]{--_shape:var(--_md-list-item-hovered-selected-shape)}._list-item_1jxwa_13[data-selected][data-focus-visible],._list-item_1jxwa_13[data-selected][data-pressed],._list-item_1jxwa_13[data-selected][data-dragging]{--_shape:var(--_md-list-item-interaction-shape)}._list-item_1jxwa_13[data-selected][data-disabled]{--_background:var(--_md-list-item-selected-disabled-background)}._list-item_1jxwa_13:before{content:"";border-radius:inherit;background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-standard-fast-spatial) var(--md-sys-motion-standard-fast-spatial-duration);position:absolute;inset:0}@media (prefers-reduced-motion){._list-item_1jxwa_13:before{transition:none}}._list-item_1jxwa_13[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color);z-index:1}._leading_1jxwa_198{align-items:var(--md-list-align-y,"center");display:flex}._trailing_1jxwa_203{align-items:var(--md-list-align-y,"center");margin-inline-start:auto;display:flex}._content_1jxwa_210{display:grid}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._label_1mz0p_2{color:var(--_md-list-label-color);transition:color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration)}@media (prefers-reduced-motion){._label_1mz0p_2{transition:none}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._media_13y6e_2{inline-size:var(--_md-list-media-inline-size);max-inline-size:var(--_md-list-media-inline-size);block-size:var(--_md-list-media-block-size);max-block-size:var(--_md-list-media-block-size);border-radius:var(--md-sys-shape-corner-radius-small);background-color:var(--md-sys-color-primary-container);overflow:clip}._media_13y6e_2 img,._media_13y6e_2 video{-o-object-fit:cover;object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%}._image_13y6e_31{--_md-list-media-inline-size:var(--md-sys-layout-space-56);--_md-list-media-block-size:var(--md-sys-layout-space-56)}._video_13y6e_37{--_md-list-media-inline-size:calc(100 * var(--dp,1px));--_md-list-media-block-size:var(--md-sys-layout-space-56)}._large-video_13y6e_43{--_md-list-media-inline-size:calc(114 * var(--dp,1px));--_md-list-media-block-size:var(--md-sys-layout-space-64)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._overline_yhp0s_2{color:var(--_md-list-color);transition:color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration)}@media (prefers-reduced-motion){._overline_yhp0s_2{transition:none}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._supporting_1pti8_2{color:var(--_md-list-color);transition:color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration)}@media (prefers-reduced-motion){._supporting_1pti8_2{transition:none}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._container_1o1zm_2{padding-inline:var(--md-sys-layout-space-8);margin-inline:var(--md-sys-layout-space-8);border-radius:inherit;gap:var(--_md-navigation-items-gap);align-content:start;display:grid;overflow-y:auto}._container_1o1zm_2:focus-visible{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color)}._container_1o1zm_2{padding-block:calc(6 * var(--dp,1px))}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._container_1rbez_2{pointer-events:none;--glow-opacity-18:28%;--glow-opacity-15:24%;--glow-opacity-14:22%;--glow-opacity-12:20%;--glow-opacity-10:16%;--glow-opacity-8:12%;position:fixed;inset:0;overflow:hidden}[data-theme=dark] ._container_1rbez_2,[data-theme=dark-high-contrast] ._container_1rbez_2,[data-theme=dark-medium-contrast] ._container_1rbez_2,[data-theme=monochrome-dark] ._container_1rbez_2{--glow-opacity-18:15%;--glow-opacity-15:12%;--glow-opacity-14:11%;--glow-opacity-12:10%;--glow-opacity-10:8%;--glow-opacity-8:6%}@media (prefers-color-scheme:dark){._container_1rbez_2{--glow-opacity-18:15%;--glow-opacity-15:12%;--glow-opacity-14:11%;--glow-opacity-12:10%;--glow-opacity-10:8%;--glow-opacity-8:6%}}[data-theme=light] ._container_1rbez_2,[data-theme=light-high-contrast] ._container_1rbez_2,[data-theme=light-medium-contrast] ._container_1rbez_2,[data-theme=monochrome-light] ._container_1rbez_2{--glow-opacity-18:28%;--glow-opacity-15:24%;--glow-opacity-14:22%;--glow-opacity-12:20%;--glow-opacity-10:16%;--glow-opacity-8:12%}._blob_1rbez_52{filter:blur(180px);pointer-events:none;will-change:transform, filter;border-radius:50%;position:absolute}._default-primary_1rbez_61{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-15), transparent);block-size:50vmax;inline-size:50vmax;top:-10vmax;left:-10vmax}._default-secondary_1rbez_73{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);block-size:45vmax;inline-size:45vmax;bottom:-15vmax;right:-10vmax}._default-tertiary_1rbez_85{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);block-size:40vmax;inline-size:40vmax;top:25vh;right:15vw}._split-left_1rbez_98{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:60vmax;inline-size:60vmax;top:20vh;left:-20vmax}._split-right_1rbez_110{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:60vmax;inline-size:60vmax;top:20vh;right:-20vmax}._top-bar-primary_1rbez_123{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-18), transparent);block-size:20vmax;inline-size:35vmax;top:-10vmax;left:10vw}._top-bar-secondary_1rbez_135{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-15), transparent);block-size:20vmax;inline-size:35vmax;top:-10vmax;left:40vw}._top-bar-tertiary_1rbez_147{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-12), transparent);block-size:20vmax;inline-size:35vmax;top:-10vmax;left:70vw}._corner-tl_1rbez_160{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-15), transparent);block-size:30vmax;inline-size:30vmax;top:-10vmax;left:-10vmax}._corner-tr_1rbez_172{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);block-size:30vmax;inline-size:30vmax;top:-10vmax;right:-10vmax}._corner-bl_1rbez_184{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-12), transparent);block-size:30vmax;inline-size:30vmax;bottom:-10vmax;left:-10vmax}._corner-br_1rbez_196{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-10), transparent);block-size:30vmax;inline-size:30vmax;bottom:-10vmax;right:-10vmax}._aurora-1_1rbez_209{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:40vmax;inline-size:55vmax;animation:25s ease-in-out infinite alternate _aurora-float-1_1rbez_1;top:-15vmax;left:5vw}._aurora-2_1rbez_222{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:45vmax;inline-size:50vmax;animation:22s ease-in-out infinite alternate _aurora-float-2_1rbez_1;top:-10vmax;left:30vw}._aurora-3_1rbez_235{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-12), transparent);block-size:40vmax;inline-size:60vmax;animation:28s ease-in-out infinite alternate _aurora-float-3_1rbez_1;top:-20vmax;right:5vw}._aurora-4_1rbez_248{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-8), transparent);block-size:40vmax;inline-size:45vmax;animation:26s ease-in-out infinite alternate _aurora-float-4_1rbez_1;bottom:-15vmax;left:25vw}._spotlight-primary_1rbez_262{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-14), transparent);block-size:55vmax;inline-size:55vmax;animation:12s ease-in-out infinite alternate _spotlight-pulse-1_1rbez_1;top:50%;left:50%;transform:translate(-50%,-50%)}._spotlight-secondary_1rbez_276{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:45vmax;inline-size:45vmax;animation:16s ease-in-out infinite alternate _spotlight-pulse-2_1rbez_1;top:50%;left:50%;transform:translate(-50%,-50%)}._spotlight-tertiary_1rbez_290{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-8), transparent);block-size:35vmax;inline-size:35vmax;animation:10s ease-in-out infinite alternate _spotlight-pulse-3_1rbez_1;top:50%;left:50%;transform:translate(-50%,-50%)}._nebula-1_1rbez_305{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:65vmax;inline-size:65vmax;animation:30s ease-in-out infinite _nebula-drift-1_1rbez_1;top:10vh;left:10vw}._nebula-2_1rbez_318{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);block-size:55vmax;inline-size:55vmax;animation:35s ease-in-out infinite _nebula-drift-2_1rbez_1;bottom:10vh;right:10vw}._nebula-3_1rbez_331{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);block-size:50vmax;inline-size:50vmax;animation:28s ease-in-out infinite _nebula-drift-3_1rbez_1;top:30vh;right:15vw}._nebula-4_1rbez_344{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-8), transparent);block-size:45vmax;inline-size:45vmax;animation:32s ease-in-out infinite _nebula-drift-4_1rbez_1;bottom:20vh;left:15vw}._horizon-primary_1rbez_358{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-15), transparent);border-radius:50% 50% 0 0;block-size:30vmax;inline-size:55vmax;animation:8s ease-in-out infinite alternate _horizon-pulse-1_1rbez_1;bottom:-15vmax;left:10vw}._horizon-secondary_1rbez_372{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);border-radius:50% 50% 0 0;block-size:35vmax;inline-size:60vmax;animation:11s ease-in-out infinite alternate _horizon-pulse-2_1rbez_1;bottom:-20vmax;left:30vw}._horizon-tertiary_1rbez_386{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);border-radius:50% 50% 0 0;block-size:28vmax;inline-size:50vmax;animation:9s ease-in-out infinite alternate _horizon-pulse-3_1rbez_1;bottom:-18vmax;right:10vw}._spiral-1_1rbez_401{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:45vmax;inline-size:45vmax;animation:25s linear infinite _spiral-orbit-1_1rbez_1;top:calc(50% - 22.5vmax);left:calc(50% - 22.5vmax)}._spiral-2_1rbez_414{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:40vmax;inline-size:40vmax;animation:30s linear infinite _spiral-orbit-2_1rbez_1;top:calc(50% - 20vmax);left:calc(50% - 20vmax)}._spiral-3_1rbez_427{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);block-size:35vmax;inline-size:35vmax;animation:20s linear infinite _spiral-orbit-3_1rbez_1;top:calc(50% - 17.5vmax);left:calc(50% - 17.5vmax)}}@keyframes _aurora-float-1_1rbez_1{0%{transform:translate(0)scale(1)}to{transform:translate(5vw,5vh)scale(1.1)}}@keyframes _aurora-float-2_1rbez_1{0%{transform:translate(0)scale(1.1)}to{transform:translate(-4vw,-6vh)scale(.95)}}@keyframes _aurora-float-3_1rbez_1{0%{transform:translate(0)scale(.95)}to{transform:translate(6vw,-4vh)scale(1.05)}}@keyframes _aurora-float-4_1rbez_1{0%{transform:translate(0)scale(1.05)}to{transform:translate(-5vw,4vh)scale(1)}}@keyframes _spotlight-pulse-1_1rbez_1{0%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1.1)}}@keyframes _spotlight-pulse-2_1rbez_1{0%{transform:translate(-48%,-52%)scale(1.1)}to{transform:translate(-52%,-48%)scale(.9)}}@keyframes _spotlight-pulse-3_1rbez_1{0%{transform:translate(-52%,-48%)scale(.95)}to{transform:translate(-48%,-52%)scale(1.05)}}@keyframes _nebula-drift-1_1rbez_1{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(10vw,15vh)scale(1.15)rotate(120deg)}66%{transform:translate(-10vw,10vh)scale(.9)rotate(240deg)}to{transform:translate(0)scale(1)rotate(360deg)}}@keyframes _nebula-drift-2_1rbez_1{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(-15vw,-10vh)scale(.9)rotate(-120deg)}66%{transform:translate(5vw,-15vh)scale(1.1)rotate(-240deg)}to{transform:translate(0)scale(1)rotate(-360deg)}}@keyframes _nebula-drift-3_1rbez_1{0%{transform:translate(0)scale(1)}50%{transform:translate(-8vw,12vh)scale(1.2)}to{transform:translate(0)scale(1)}}@keyframes _nebula-drift-4_1rbez_1{0%{transform:translate(0)scale(1.1)}50%{transform:translate(12vw,-10vh)scale(.9)}to{transform:translate(0)scale(1.1)}}@keyframes _horizon-pulse-1_1rbez_1{0%{transform:translateY(0)scale(.95)}to{transform:translateY(-2vmax)scale(1.05)}}@keyframes _horizon-pulse-2_1rbez_1{0%{transform:translateY(0)scale(1.05)}to{transform:translateY(-3vmax)scale(.95)}}@keyframes _horizon-pulse-3_1rbez_1{0%{transform:translateY(0)scale(.9)}to{transform:translateY(-2vmax)scale(1.1)}}@keyframes _spiral-orbit-1_1rbez_1{0%{transform:rotate(0)translate(15vmax)rotate(0)scale(.9)}50%{transform:rotate(180deg)translate(15vmax)rotate(-180deg)scale(1.1)}to{transform:rotate(360deg)translate(15vmax)rotate(-360deg)scale(.9)}}@keyframes _spiral-orbit-2_1rbez_1{0%{transform:rotate(0)translate(-12vmax)rotate(0)scale(1.1)}50%{transform:rotate(-180deg)translate(-12vmax)rotate(180deg)scale(.9)}to{transform:rotate(-360deg)translate(-12vmax)rotate(360deg)scale(1.1)}}@keyframes _spiral-orbit-3_1rbez_1{0%{transform:rotate(90deg)translate(10vmax)rotate(-90deg)scale(1)}50%{transform:rotate(270deg)translate(10vmax)rotate(-270deg)scale(.85)}to{transform:rotate(450deg)translate(10vmax)rotate(-450deg)scale(1)}}
|
package/dist/assets/Snackbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{._snackbar-
|
|
1
|
+
@layer adgytec.comps{._snackbar-region_1uhs8_10{gap:calc(2 * var(--dp,1px));z-index:999999;flex-direction:column-reverse;display:flex;position:fixed;inset-block-end:var(--md-sys-layout-space-24);inset-inline-start:50%;translate:-50%}._snackbar_1uhs8_10{--_md-snackbar-background:var(--md-snackbar-background,var(--md-sys-color-inverse-surface));--_md-snackbar-color:var(--md-snackbar-color,var(--md-sys-color-inverse-on-surface));--_md-snackbar-action-color:var(--md-snackbar-action-color,var(--md-sys-color-inverse-primary));inline-size:min(90svi, calc(568 * var(--dp,1px)));justify-content:space-between;align-items:center;gap:var(--md-sys-layout-space-4);padding-block:var(--md-sys-layout-space-4);padding-inline:var(--md-sys-layout-space-16);box-shadow:var(--md-sys-elevation-shadow-3);border-radius:var(--md-sys-shape-corner-radius-extra-small);background-color:var(--_md-snackbar-background);color:var(--_md-snackbar-color);display:flex}._snackbar_1uhs8_10[data-close]{padding-inline-end:var(--md-sys-layout-space-4)}._snackbar_1uhs8_10[data-action]{padding-inline-end:var(--md-sys-layout-space-8)}._snackbar_1uhs8_10 [data-close-button]{--md-button-color:var(--_md-snackbar-color)}._snackbar-content_1uhs8_68{justify-content:space-between;align-items:center;gap:var(--md-sys-layout-space-8);inline-size:100%;display:flex}._snackbar-content_1uhs8_68 [data-button]{--md-button-color:var(--_md-snackbar-action-color)}._text_1uhs8_80{padding-block:calc(10 * var(--dp,1px))}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer adgytec.comps{._gradient-ambient-primary_1aada_6{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-sys-color-primary) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-secondary) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-ambient-secondary_1aada_26{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-sys-color-secondary) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-tertiary) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-ambient-tertiary_1aada_46{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-sys-color-tertiary) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-ambient-alt_1aada_66{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-primary) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-glow-primary_1aada_90{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-primary) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-primary) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-glow-secondary_1aada_111{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-secondary) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-secondary) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-glow-tertiary_1aada_132{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-tertiary) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-tertiary) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-glow-alt_1aada_153{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-corner-primary_1aada_178{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-sys-color-primary) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-sys-color-secondary) 8%, transparent) 0%, transparent 70%)}._gradient-corner-secondary_1aada_200{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-sys-color-secondary) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-sys-color-tertiary) 8%, transparent) 0%, transparent 70%)}._gradient-corner-tertiary_1aada_222{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-sys-color-tertiary) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 8%, transparent) 0%, transparent 70%)}._gradient-corner-alt_1aada_248{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent) 0%, transparent 70%)}._gradient-luster-soft_1aada_274{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, var(--md-sys-color-surface-container) 0%, var(--md-sys-color-surface-container-low) 100%)}._gradient-luster-metallic_1aada_284{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, var(--md-sys-color-surface-bright) 0%, var(--md-sys-color-surface-container) 50%, var(--md-sys-color-surface-container-low) 100%)}._gradient-luster-deep_1aada_295{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(145deg, var(--md-sys-color-surface-container-high) 0%, var(--md-sys-color-surface-container) 60%, var(--md-sys-color-surface-container-lowest) 100%)}}
|
|
@@ -5,8 +5,8 @@ import { jsx as r } from "react/jsx-runtime";
|
|
|
5
5
|
import { Heading as i } from "react-aria-components";
|
|
6
6
|
import '../assets/AppBarHeadline.css';//#region src/components/AppBar/AppBarHeadline/appBarHeadline.module.css
|
|
7
7
|
var a = e(), o = {
|
|
8
|
-
headline: "
|
|
9
|
-
centered: "
|
|
8
|
+
headline: "_headline_yz8nu_2",
|
|
9
|
+
centered: "_centered_yz8nu_7"
|
|
10
10
|
}, s = (e) => {
|
|
11
11
|
let s = (0, a.c)(10), c, l;
|
|
12
12
|
s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarHeadline","names":[],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n
|
|
1
|
+
{"version":3,"file":"AppBarHeadline","names":[],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n min-block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\nexport const AppBarHeadline: React.FC<\n React.ComponentPropsWithRef<typeof Heading>\n> = ({ className, ...props }) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":";;;;;;;;;GCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACxB,IAAA,IAAsB,EAAiB,GAO3B,IAAA,EAAO,EAAa,YAAW;CAAA,AAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAHxB,IAAA,EACP,EAAa,oBACb,EAAM,UACN,GACA,CACJ,GAAC,EAAA,KAAA,EAAA,oBAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAGH,OAHG,EAAA,OAAA,KAAA,EAAA,OAAA,KANL,IAAA,kBAAC,GAAD;EACe,WAAA;EAKV,GACG;EACJ,yBAAA;CAAqB,CAAA,GACvB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IATF;AASE"}
|
package/dist/chunks/Card
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { n as e, t } from "./useSplash";
|
|
2
|
+
import n from "clsx";
|
|
3
|
+
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
4
|
+
import { GridListItem as o } from "react-aria-components";
|
|
5
|
+
import '../assets/Card.css';var s = {
|
|
6
|
+
card: "_card_a3fgp_11",
|
|
7
|
+
elevated: "_elevated_a3fgp_122",
|
|
8
|
+
filled: "_filled_a3fgp_137",
|
|
9
|
+
outlined: "_outlined_a3fgp_150"
|
|
10
|
+
}, c = ({ variant: c = "filled", className: l, onPress: u, children: d, ...f }) => {
|
|
11
|
+
let { handlePress: p, splashInfo: m } = t(u);
|
|
12
|
+
return /* @__PURE__ */ i(o, {
|
|
13
|
+
className: (e) => n(s.card, s[c], typeof l == "function" ? l(e) : l),
|
|
14
|
+
onPress: p,
|
|
15
|
+
...f,
|
|
16
|
+
children: (t) => /* @__PURE__ */ a(r, { children: [m && /* @__PURE__ */ i(e, { ...m }), typeof d == "function" ? d(t) : d] })
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { c as t };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=Card.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card","names":["renderProps"],"sources":["../../src/components/Card/Card/card.module.css","../../src/components/Card/Card/Card.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-card-background\n* --md-card-icon-color\n* --md-card-elevation\n* --md-card-outline\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .card {\n --_md-card-background: var(\n --md-card-background,\n var(--_md-card-background-default)\n );\n --_md-card-icon-color: var(\n --md-card-icon-color,\n var(--md-sys-color-primary)\n );\n\n --_md-card-elevation: var(\n --md-card-elevation,\n var(--_md-card-elevation-default, var(--md-sys-elevation-shadow-0))\n );\n\n --md-card-shape: var(--md-sys-shape-corner-radius-medium);\n --md-card-padding: var(--md-sys-layout-space-16);\n\n /* state layer */\n --_state-color: var(--md-sys-color-on-surface);\n --_state-layer-opacity: 0;\n\n --_state-layer-color: rgb(\n from var(--_state-color) r g b /\n var(--_state-layer-opacity)\n );\n\n /* variable to use */\n --_background-color: var(--_md-card-background);\n --_shadow: var(--_md-card-elevation);\n\n border-radius: var(--md-card-shape);\n background-color: var(--_background-color);\n color: var(--_color);\n\n position: relative;\n overflow: clip;\n\n box-shadow: var(--_shadow);\n\n transition: box-shadow var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-hovered] {\n --_state-layer-opacity: var(--md-sys-state-hover);\n --_shadow: var(--md-sys-elevation-shadow-1);\n }\n\n &[data-focus-visible] {\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-dragging] {\n --_state-layer-opacity: var(--md-sys-state-dragged);\n --_shadow: var(--md-sys-elevation-shadow-3);\n }\n\n &[data-disabled] {\n --_background-color: rgb(\n from var(--md-sys-color-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n --_color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n --_state-layer-color: var(--_background-color);\n }\n }\n\n /* state layer */\n .card::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n border-radius: inherit;\n\n background-color: var(--_state-layer-color);\n\n transition: background-color var(--md-sys-motion-standard-fast-spatial)\n var(--md-sys-motion-standard-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n /* focus indicator */\n .card[data-focus-visible] {\n --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n --focus-indicator-offset: calc(2 * var(--dp, 1px));\n --focus-indicator-color: var(--md-sys-color-secondary);\n\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n\n z-index: 1;\n }\n\n .elevated {\n --_md-card-elevation-default: var(--md-sys-elevation-shadow-1);\n --_md-card-background-default: var(\n --md-sys-color-surface-container-low\n );\n\n &[data-hovered] {\n --_shadow: var(--md-sys-elevation-shadow-2);\n }\n\n &[data-dragging] {\n --_shadow: var(--md-sys-elevation-shadow-4);\n }\n }\n\n .filled {\n --_md-card-background-default: var(\n --md-sys-color-surface-container-highest\n );\n\n &[data-disabled] {\n --_background-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-container)\n );\n }\n }\n\n .outlined {\n --_md-card-outline: var(\n --md-card-outline,\n var(--md-sys-color-outline-variant)\n );\n\n --_md-card-background-default: var(--md-sys-color-surface);\n\n /* variables to use */\n --_outline-color: var(--_md-card-outline);\n --_outline-width: var(--md-sys-shape-border-width-thin);\n\n border: var(--_outline-width) solid var(--_outline-color);\n\n &[data-focus-visible] {\n --_outline-color: var(--md-sys-color-on-surface);\n }\n\n &[data-disabled] {\n --_outline-color: rgb(\n from var(--md-sys-color-outline) r g b /\n var(--md-sys-state-disabled-container)\n );\n }\n }\n}\n","import clsx from \"clsx\";\nimport { GridListItem } from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport styles from \"./card.module.css\";\nimport type { CardProps } from \"./types\";\n\nexport const Card: React.FC<CardProps> = ({\n variant = \"filled\",\n className,\n onPress,\n children,\n ...props\n}) => {\n const { handlePress, splashInfo } = useSplash(onPress);\n\n return (\n <GridListItem\n className={(renderProps) =>\n clsx(\n styles[\"card\"],\n styles[variant],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n {...props}\n >\n {(renderProps) => {\n return (\n <>\n {splashInfo && <Splash {...splashInfo} />}\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </>\n );\n }}\n </GridListItem>\n );\n};\n"],"mappings":";;;;;;;;;GCMa,KAA6B,EACtC,aAAU,UACV,cACA,YACA,aACA,GAAG,QACD;CACF,IAAM,EAAE,gBAAa,kBAAe,EAAU,CAAO;CAErD,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,MACP,EAAO,IACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,SAAS;EACT,GAAI;aAEFA,MAEM,kBAAA,GAAA,EAAA,UAAA,CACK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA,GACrC,OAAO,KAAa,aACf,EAASA,CAAW,IACpB,CACV,EAAA,CAAA;CAGE,CAAA;AAEtB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { t } from "./Icon";
|
|
3
|
+
import "./types";
|
|
4
|
+
import { clsx as n } from "clsx";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
import '../assets/CardIcon.css';//#region src/components/Card/CardIcon/cardIcon.module.css
|
|
7
|
+
var i = e(), a = { icon: "_icon_vasd2_2" }, o = (e) => {
|
|
8
|
+
let o = (0, i.c)(7), s, c;
|
|
9
|
+
o[0] === e ? (s = o[1], c = o[2]) : ({icon: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
|
|
10
|
+
let l;
|
|
11
|
+
o[3] === Symbol.for("react.memo_cache_sentinel") ? (l = n(a.icon), o[3] = l) : l = o[3];
|
|
12
|
+
let u;
|
|
13
|
+
return o[4] !== s || o[5] !== c ? (u = /* @__PURE__ */ r(t, {
|
|
14
|
+
icon: s,
|
|
15
|
+
size: 24,
|
|
16
|
+
className: l,
|
|
17
|
+
...c
|
|
18
|
+
}), o[4] = s, o[5] = c, o[6] = u) : u = o[6], u;
|
|
19
|
+
};
|
|
20
|
+
//#endregion
|
|
21
|
+
export { o as t };
|
|
22
|
+
|
|
23
|
+
//# sourceMappingURL=CardIcon.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardIcon","names":["icon","CardIconSize"],"sources":["../../src/components/Card/CardIcon/cardIcon.module.css","../../src/components/Card/CardIcon/CardIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\n color: var(--_md-card-icon-color);\n }\n}\n","import { clsx } from \"clsx\";\nimport { Icon } from \"@/components/Icon\";\nimport { CardIconSize } from \"../Card/types\";\nimport styles from \"./cardIcon.module.css\";\n\nexport const CardIcon: React.FC<\n Omit<React.ComponentPropsWithRef<typeof Icon>, \"size\" | \"withText\">\n> = ({ icon, ...props }) => {\n return (\n <Icon\n icon={icon}\n size={CardIconSize}\n className={clsx(styles[\"icon\"])}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;4CCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAmB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAlB,aAAA,KAAA,GAAkB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KAKA,IAAA,EAAK,EAAM,IAAQ,GAAC,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAEjC,OAFiC,EAAA,OAAA,KAAA,EAAA,OAAA,KAHnC,IAAA,kBAAC,GAAD;EACU;EACAC,MAAAA;EACK,WAAA;EAAoB,GAC3B;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IALF;AAKE"}
|
|
@@ -4,12 +4,12 @@ import { useMemo as n } from "react";
|
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
import { ToggleButtonGroup as i } from "react-aria-components";
|
|
6
6
|
import '../assets/ConnectedButtonGroup.css';var a = {
|
|
7
|
-
group: "
|
|
8
|
-
"extra-small": "_extra-
|
|
9
|
-
small: "
|
|
10
|
-
medium: "
|
|
11
|
-
large: "
|
|
12
|
-
"extra-large": "_extra-
|
|
7
|
+
group: "_group_1o488_2",
|
|
8
|
+
"extra-small": "_extra-small_1o488_31",
|
|
9
|
+
small: "_small_1o488_54",
|
|
10
|
+
medium: "_medium_1o488_77",
|
|
11
|
+
large: "_large_1o488_100",
|
|
12
|
+
"extra-large": "_extra-large_1o488_123"
|
|
13
13
|
}, o = ({ size: o = "small", shape: s = "round", color: c = "filled", iconPlacement: l, className: u, ...d }) => /* @__PURE__ */ r(e, {
|
|
14
14
|
value: n(() => ({
|
|
15
15
|
size: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectedButtonGroup","names":[],"sources":["../../src/components/Button/ButtonGroups/ConnectedButtonGroup/connectedButtonGroup.module.css","../../src/components/Button/ButtonGroups/ConnectedButtonGroup/ConnectedButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n .group {\n /* shape */\n --_shape-start-start: var(--_inner-shape);\n --_shape-end-start: var(--_inner-shape);\n --_shape-start-end: var(--_inner-shape);\n --_shape-end-end: var(--_inner-shape);\n\n display: inline-flex;\n align-items: center;\n gap: calc(2 * var(--dp, 1px));\n }\n\n .group > [data-pressed] {\n --_shape-start-start: var(--_pressed-shape);\n --_shape-end-start: var(--_pressed-shape);\n --_shape-start-end: var(--_pressed-shape);\n --_shape-end-end: var(--_pressed-shape);\n }\n\n .group > [data-connected-button]:first-child {\n --_shape-start-start: var(--_outer-shape);\n --_shape-end-start: var(--_outer-shape);\n }\n\n .group > [data-connected-button]:last-child {\n --_shape-start-end: var(--_outer-shape);\n --_shape-end-end: var(--_outer-shape);\n }\n\n .extra-small {\n /* height for button is 32 */\n --md-sys-shape-corner-radius-full: calc(16 * var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(6 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n --_md-button-padding-inline: var(--md-sys-layout-space-12);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-small);\n --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-small);\n }\n }\n\n .small {\n /* height for button is 40 */\n --md-sys-shape-corner-radius-full: calc(20 * var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(10 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n --_md-button-padding-inline: var(--md-sys-layout-space-16);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-small);\n --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-small);\n }\n }\n\n .medium {\n /* height for button is 56 */\n --md-sys-shape-corner-radius-full: calc(28 * var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-16);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n --_md-button-padding-inline: var(--md-sys-layout-space-24);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-small);\n --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-small);\n }\n }\n\n .large {\n /* height for button is 96 */\n --md-sys-shape-corner-radius-full: calc(48 * var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-32);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n --_md-button-padding-inline: var(--md-sys-layout-space-48);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-large);\n --_pressed-shape: var(--md-sys-shape-corner-radius-medium);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-large);\n }\n }\n\n .extra-large {\n /* height for button is 136 */\n --md-sys-shape-corner-radius-full: calc(68 * var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-48);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n --_md-button-padding-inline: var(--md-sys-layout-space-64);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-large-increased);\n --_pressed-shape: var(--md-sys-shape-corner-radius-large);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-large-increased);\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ConnectedButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./connectedButtonGroup.module.css\";\nimport type { ConnectedButtonGroupProps } from \"./types\";\n\nexport const ConnectedButtonGroup: React.FC<ConnectedButtonGroupProps> = ({\n size = \"small\",\n shape = \"round\",\n color = \"filled\",\n iconPlacement,\n className,\n ...props\n}) => {\n const contextValue = useMemo(\n () => ({ size, shape, color, iconPlacement }),\n [size, shape, color, iconPlacement]\n );\n\n return (\n <ConnectedButtonGroupContext value={contextValue}>\n <AriaToggleButtonGroup\n className={(renderProps) =>\n clsx(\n styles[\"group\"],\n styles[size],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-shape={shape}\n data-connected-button-group\n />\n </ConnectedButtonGroupContext>\n );\n};\n"],"mappings":";;;;;;;;;;;;GCOa,KAA6D,EACtE,UAAO,SACP,WAAQ,SACR,WAAQ,UACR,kBACA,cACA,GAAG,QAQC,kBAAC,GAAD;CAA6B,OANZ,SACV;EAAE;EAAM;EAAO;EAAO;CAAc,IAC3C;EAAC;EAAM;EAAO;EAAO;CAAa,CAIE;WAChC,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,EAAO,IACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,cAAY;EACZ,+BAAA;CAA2B,CAAA;AAEN,CAAA"}
|
|
1
|
+
{"version":3,"file":"ConnectedButtonGroup","names":[],"sources":["../../src/components/Button/ButtonGroups/ConnectedButtonGroup/connectedButtonGroup.module.css","../../src/components/Button/ButtonGroups/ConnectedButtonGroup/ConnectedButtonGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n .group {\n /* shape */\n --_shape-start-start: var(--_inner-shape);\n --_shape-end-start: var(--_inner-shape);\n --_shape-start-end: var(--_inner-shape);\n --_shape-end-end: var(--_inner-shape);\n\n display: inline-flex;\n align-items: center;\n gap: calc(2 * var(--dp, 1px));\n }\n\n .group > [data-pressed] {\n --_shape-start-start: var(--_pressed-shape);\n --_shape-end-start: var(--_pressed-shape);\n --_shape-start-end: var(--_pressed-shape);\n --_shape-end-end: var(--_pressed-shape);\n }\n\n .group > [data-connected-button]:first-child {\n --_shape-start-start: var(--_outer-shape);\n --_shape-end-start: var(--_outer-shape);\n }\n\n .group > [data-connected-button]:last-child {\n --_shape-start-end: var(--_outer-shape);\n --_shape-end-end: var(--_outer-shape);\n }\n\n .extra-small {\n /* height for button is 32 */\n --md-sys-shape-corner-radius-full: calc(16 * var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(6 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-12);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-small);\n --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-small);\n }\n }\n\n .small {\n /* height for button is 40 */\n --md-sys-shape-corner-radius-full: calc(20 * var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(10 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-small);\n --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-small);\n }\n }\n\n .medium {\n /* height for button is 56 */\n --md-sys-shape-corner-radius-full: calc(28 * var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-16);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-24);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-small);\n --_pressed-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-small);\n }\n }\n\n .large {\n /* height for button is 96 */\n --md-sys-shape-corner-radius-full: calc(48 * var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-32);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-large);\n --_pressed-shape: var(--md-sys-shape-corner-radius-medium);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-large);\n }\n }\n\n .extra-large {\n /* height for button is 136 */\n --md-sys-shape-corner-radius-full: calc(68 * var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-48);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-64);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n --_outer-shape: var(--md-sys-shape-corner-radius-full);\n --_inner-shape: var(--md-sys-shape-corner-radius-large-increased);\n --_pressed-shape: var(--md-sys-shape-corner-radius-large);\n --_selected-shape: var(--md-sys-shape-corner-radius-full);\n\n &[data-shape=\"square\"] {\n --_outer-shape: var(--md-sys-shape-corner-radius-large-increased);\n }\n }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { ToggleButtonGroup as AriaToggleButtonGroup } from \"react-aria-components\";\nimport { ConnectedButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./connectedButtonGroup.module.css\";\nimport type { ConnectedButtonGroupProps } from \"./types\";\n\nexport const ConnectedButtonGroup: React.FC<ConnectedButtonGroupProps> = ({\n size = \"small\",\n shape = \"round\",\n color = \"filled\",\n iconPlacement,\n className,\n ...props\n}) => {\n const contextValue = useMemo(\n () => ({ size, shape, color, iconPlacement }),\n [size, shape, color, iconPlacement]\n );\n\n return (\n <ConnectedButtonGroupContext value={contextValue}>\n <AriaToggleButtonGroup\n className={(renderProps) =>\n clsx(\n styles[\"group\"],\n styles[size],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-shape={shape}\n data-connected-button-group\n />\n </ConnectedButtonGroupContext>\n );\n};\n"],"mappings":";;;;;;;;;;;;GCOa,KAA6D,EACtE,UAAO,SACP,WAAQ,SACR,WAAQ,UACR,kBACA,cACA,GAAG,QAQC,kBAAC,GAAD;CAA6B,OANZ,SACV;EAAE;EAAM;EAAO;EAAO;CAAc,IAC3C;EAAC;EAAM;EAAO;EAAO;CAAa,CAIE;WAChC,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,EAAO,IACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,cAAY;EACZ,+BAAA;CAA2B,CAAA;AAEN,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import e from "clsx";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import '../assets/GridBackgroundDecorator.css';var n = { container: "_container_vdjz2_2" }, r = ({ zIndex: r = 0, className: i, style: a, gridSize: o = 40, variant: s = "lines" }) => /* @__PURE__ */ t("div", {
|
|
4
|
+
className: e(n.container, i),
|
|
5
|
+
"aria-hidden": "true",
|
|
6
|
+
"data-variant": s,
|
|
7
|
+
style: {
|
|
8
|
+
zIndex: r,
|
|
9
|
+
"--grid-size": `${o}px`,
|
|
10
|
+
...a
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
//#endregion
|
|
14
|
+
export { r as t };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=GridBackgroundDecorator.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridBackgroundDecorator","names":[],"sources":["../../src/components/Decorators/GridBackgroundDecorator/gridBackgroundDecorator.module.css","../../src/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n position: fixed;\n inset: 0;\n pointer-events: none;\n background-size: var(--grid-size, 40px) var(--grid-size, 40px);\n mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n -webkit-mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n\n &[data-variant=\"lines\"] {\n background-image:\n linear-gradient(\n to right,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n ),\n linear-gradient(\n to bottom,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n );\n }\n\n &[data-variant=\"dots\"] {\n background-image: radial-gradient(\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 10%,\n transparent\n )\n 1.5px,\n transparent 1.5px\n );\n }\n }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./gridBackgroundDecorator.module.css\";\n\nexport interface GridBackgroundDecoratorProps {\n /** Custom z-index value. Defaults to 0 */\n zIndex?: number;\n /** Additional CSS classes */\n className?: string;\n /** Additional custom styles */\n style?: React.CSSProperties;\n /** Grid size in pixels. Defaults to 40 */\n gridSize?: number;\n /** Grid pattern variant. Defaults to 'lines' */\n variant?: \"lines\" | \"dots\";\n}\n\nexport const GridBackgroundDecorator = ({\n zIndex = 0,\n className,\n style,\n gridSize = 40,\n variant = \"lines\",\n}: GridBackgroundDecoratorProps) => {\n return (\n <div\n className={clsx(styles[\"container\"], className)}\n aria-hidden=\"true\"\n data-variant={variant}\n style={\n {\n zIndex,\n \"--grid-size\": `${gridSize}px`,\n ...style,\n } as React.CSSProperties\n }\n />\n );\n};\n"],"mappings":";;6CCiBa,KAA2B,EACpC,YAAS,GACT,cACA,UACA,cAAW,IACX,aAAU,cAGN,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,WAAc,CAAS;CAC9C,eAAY;CACZ,gBAAc;CACd,OACI;EACI;EACA,eAAe,GAAG,EAAQ;EAC1B,GAAG;CACP;AACH,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { t } from "./base";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import '../assets/ListAvatar.css';//#region src/components/List/ListAvatar/listAvatar.module.css
|
|
6
|
+
var i = e(), a = { avatar: "_avatar_1wa68_9" }, o = (e) => {
|
|
7
|
+
let o = (0, i.c)(8), s, c;
|
|
8
|
+
o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
|
|
9
|
+
let l;
|
|
10
|
+
o[3] === s ? l = o[4] : (l = n(a.avatar, t.titleMedium, s), o[3] = s, o[4] = l);
|
|
11
|
+
let u;
|
|
12
|
+
return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ r("div", {
|
|
13
|
+
className: l,
|
|
14
|
+
...c
|
|
15
|
+
}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
|
|
16
|
+
};
|
|
17
|
+
//#endregion
|
|
18
|
+
export { o as t };
|
|
19
|
+
|
|
20
|
+
//# sourceMappingURL=ListAvatar.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListAvatar","names":[],"sources":["../../src/components/List/ListAvatar/listAvatar.module.css","../../src/components/List/ListAvatar/ListAvatar.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-list-avatar-background\n* --md-list-avatar-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .avatar {\n --_md-list-avatar-size: var(--md-sys-layout-space-40);\n\n --_md-list-avatar-background: var(\n --md-list-avatar-background,\n var(--md-sys-color-primary-container)\n );\n\n --_md-list-avatar-color: var(\n --md-list-avatar-color,\n var(--md-sys-color-on-primary-container)\n );\n\n --_md-list-color: var(--_md-list-avatar-color);\n\n inline-size: var(--_md-list-avatar-size);\n max-inline-size: var(--_md-list-avatar-size);\n\n block-size: var(--_md-list-avatar-size);\n max-block-size: var(--_md-list-avatar-size);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n overflow: clip;\n text-align: center;\n\n background-color: var(--_md-list-avatar-background);\n color: var(--_md-list-avatar-color);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listAvatar.module.css\";\n\nexport const ListAvatar: React.FC<React.ComponentPropsWithRef<\"div\">> = ({\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(\n styles[\"avatar\"],\n typography.titleMedium,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;gDCIa,KAA2D,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAGvE,IAAA,EAAA,IAAA,IAAA,EAAA,OAHwE,kBAAA,KAAA,GAGxE,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAOY,IAAA,EAAA,MAJU,IAAA,EACP,EAAM,QACN,EAAU,aACV,CACJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEH,OAFG,EAAA,OAAA,KAAA,EAAA,OAAA,KALL,IAAA,kBAAA,OAAA;EACe,WAAA;EAIV,GACG;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAPF;AAOE"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import e from "clsx";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import { ListBox as n } from "react-aria-components";
|
|
4
|
+
import '../assets/ListBox.css';var r = {
|
|
5
|
+
"list-box": "_list-box_gd8vc_2",
|
|
6
|
+
start: "_start_gd8vc_24",
|
|
7
|
+
center: "_center_gd8vc_28",
|
|
8
|
+
end: "_end_gd8vc_32"
|
|
9
|
+
}, i = ({ alignY: i = "center", className: a, ...o }) => /* @__PURE__ */ t(n, {
|
|
10
|
+
className: (t) => e(r["list-box"], r[i], typeof a == "function" ? a(t) : a),
|
|
11
|
+
...o
|
|
12
|
+
});
|
|
13
|
+
//#endregion
|
|
14
|
+
export { i as t };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=ListBox.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListBox","names":[],"sources":["../../src/components/List/ListBox/listBox.module.css","../../src/components/List/ListBox/ListBox.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .list-box > [data-list-item]:first-child {\n border-start-start-radius: var(--_md-list-shape);\n border-start-end-radius: var(--_md-list-shape);\n }\n\n .list-box > [data-list-item]:last-child {\n border-end-start-radius: var(--_md-list-shape);\n border-end-end-radius: var(--_md-list-shape);\n }\n}\n\n@layer adgytec.comps {\n .list-box {\n --_md-list-shape: var(--md-sys-shape-corner-radius-large);\n --_md-list-spacing: calc(2 * var(--dp, 1px));\n\n display: grid;\n gap: var(--_md-list-spacing);\n\n border-radius: var(--_md-list-shape);\n }\n\n .start {\n --md-list-align-y: start;\n }\n\n .center {\n --md-list-align-y: center;\n }\n\n .end {\n --md-list-align-y: end;\n }\n}\n","import clsx from \"clsx\";\nimport { ListBox as AriaListBox } from \"react-aria-components\";\nimport styles from \"./listBox.module.css\";\nimport type { ListBoxProps } from \"./types\";\n\nexport const ListBox = <T extends object>({\n alignY = \"center\",\n className,\n ...props\n}: ListBoxProps<T>) => {\n return (\n <AriaListBox\n className={(renderProps) =>\n clsx(\n styles[\"list-box\"],\n styles[alignY],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;GCKa,KAA6B,EACtC,YAAS,UACT,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,aACP,EAAO,IACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AAAM,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { t } from "./Icon";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import '../assets/ListIcon.css';//#region src/components/List/ListIcon/listIcon.module.css
|
|
6
|
+
var i = e(), a = { icon: "_icon_877ov_2" }, o = (e) => {
|
|
7
|
+
let o = (0, i.c)(8), s, c;
|
|
8
|
+
o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
|
|
9
|
+
let l;
|
|
10
|
+
o[3] === s ? l = o[4] : (l = n(a.icon, s), o[3] = s, o[4] = l);
|
|
11
|
+
let u;
|
|
12
|
+
return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ r(t, {
|
|
13
|
+
className: l,
|
|
14
|
+
size: 20,
|
|
15
|
+
...c
|
|
16
|
+
}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { o as t };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=ListIcon.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListIcon","names":[],"sources":["../../src/components/List/ListIcon/listIcon.module.css","../../src/components/List/ListIcon/ListIcon.tsx"],"sourcesContent":["@layer adgytec.comps {\n .icon {\n color: var(--_md-list-color);\n\n transition: color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Icon } from \"@/components/Icon\";\nimport styles from \"./listIcon.module.css\";\n\nexport const ListIcon: React.FC<\n Omit<React.ComponentPropsWithRef<typeof Icon>, \"size\" | \"withText\">\n> = ({ className, ...props }) => {\n return (\n <Icon\n className={clsx(styles[\"icon\"], className)}\n size={20}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;4CCIa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAG0B,IAAA,EAAA,MAA/B,IAAA,EAAK,EAAM,MAAU,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAG5C,OAH4C,EAAA,OAAA,KAAA,EAAA,OAAA,KAD9C,IAAA,kBAAC,GAAD;EACe,WAAA;EACL,MAAA;EAAE,GACJ;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJF;AAIE"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { n as t, t as n } from "./useSplash";
|
|
3
|
+
import { clsx as r } from "clsx";
|
|
4
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
5
|
+
import { CheckboxContext as o, ListBoxItem as s, Provider as c, SwitchContext as l } from "react-aria-components";
|
|
6
|
+
import '../assets/ListItem.css';//#region src/components/List/ListItem/listItem.module.css
|
|
7
|
+
var u = e(), d = {
|
|
8
|
+
"list-item": "_list-item_1jxwa_13",
|
|
9
|
+
leading: "_leading_1jxwa_198",
|
|
10
|
+
trailing: "_trailing_1jxwa_203",
|
|
11
|
+
content: "_content_1jxwa_210"
|
|
12
|
+
}, f = (e) => {
|
|
13
|
+
let f = (0, u.c)(24), p, m, h, g, _, v, y, b;
|
|
14
|
+
f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4], _ = f[5], v = f[6], y = f[7], b = f[8]) : ({leading: h, overline: _, label: m, supporting: y, trailing: b, className: p, onPress: g, ...v} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g, f[5] = _, f[6] = v, f[7] = y, f[8] = b);
|
|
15
|
+
let { handlePress: x, splashInfo: S } = n(g), C = (b?.length ?? 0) > 0, w;
|
|
16
|
+
f[9] === p ? w = f[10] : (w = (e) => r(d["list-item"], typeof p == "function" ? p(e) : p), f[9] = p, f[10] = w);
|
|
17
|
+
let T;
|
|
18
|
+
f[11] !== C || f[12] !== m || f[13] !== h || f[14] !== _ || f[15] !== S || f[16] !== y || f[17] !== b ? (T = (e) => {
|
|
19
|
+
let { isSelected: n, isDisabled: s } = e;
|
|
20
|
+
return /* @__PURE__ */ a(c, {
|
|
21
|
+
values: [[o, { slots: { selection: {
|
|
22
|
+
isSelected: n,
|
|
23
|
+
isDisabled: s,
|
|
24
|
+
isReadOnly: !0
|
|
25
|
+
} } }], [l, { slots: { selection: {
|
|
26
|
+
isSelected: n,
|
|
27
|
+
isDisabled: s,
|
|
28
|
+
isReadOnly: !0
|
|
29
|
+
} } }]],
|
|
30
|
+
children: [
|
|
31
|
+
S && /* @__PURE__ */ i(t, { ...S }),
|
|
32
|
+
h && /* @__PURE__ */ i("div", {
|
|
33
|
+
className: r(d.leading),
|
|
34
|
+
children: h
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ a("div", {
|
|
37
|
+
className: r(d.content),
|
|
38
|
+
children: [
|
|
39
|
+
_ && _,
|
|
40
|
+
m,
|
|
41
|
+
y && y
|
|
42
|
+
]
|
|
43
|
+
}),
|
|
44
|
+
C && /* @__PURE__ */ i("div", {
|
|
45
|
+
className: d.trailing,
|
|
46
|
+
children: b
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
});
|
|
50
|
+
}, f[11] = C, f[12] = m, f[13] = h, f[14] = _, f[15] = S, f[16] = y, f[17] = b, f[18] = T) : T = f[18];
|
|
51
|
+
let E;
|
|
52
|
+
return f[19] !== x || f[20] !== v || f[21] !== w || f[22] !== T ? (E = /* @__PURE__ */ i(s, {
|
|
53
|
+
className: w,
|
|
54
|
+
onPress: x,
|
|
55
|
+
"data-list-item": !0,
|
|
56
|
+
...v,
|
|
57
|
+
children: T
|
|
58
|
+
}), f[19] = x, f[20] = v, f[21] = w, f[22] = T, f[23] = E) : E = f[23], E;
|
|
59
|
+
};
|
|
60
|
+
//#endregion
|
|
61
|
+
export { f as t };
|
|
62
|
+
|
|
63
|
+
//# sourceMappingURL=ListItem.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem","names":["leading","label","trailing","handlePress"],"sources":["../../src/components/List/ListItem/listItem.module.css","../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-list-color\n* --md-list-label-color\n* --md-list-selected-color\n*\n* --md-list-item-background\n* --md-list-item-selected-background\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .list-item {\n /* color */\n --_md-list-color: var(\n --md-list-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-list-label-color: var(\n --md-list-label-color,\n var(--md-sys-color-on-surface)\n );\n --_md-list-selected-color: var(\n --md-list-selected-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-list-disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n /* spacing */\n --_md-list-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-list-item-padding-block: calc(10 * var(--dp, 1px));\n\n --_md-list-item-spacing: var(--md-sys-layout-space-12);\n\n /* shapes */\n --_md-list-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_md-list-item-selected-shape: var(--md-sys-shape-corner-radius-large);\n\n --_md-list-item-hovered-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-list-item-hovered-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n --_md-list-item-interaction-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_shape: var(--_md-list-item-shape);\n\n /* background */\n --_md-list-item-background: var(\n --md-list-item-background,\n var(--md-sys-color-surface)\n );\n --_md-list-item-selected-background: var(\n --md-list-item-selected-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-list-item-selected-disabled-background: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n --_background: var(--_md-list-item-background);\n\n /* state layer */\n --_state-color: var(--md-sys-color-on-surface);\n --_state-layer-opacity: 0;\n\n --_state-layer-color: rgb(\n from var(--_state-color) r g b /\n var(--_state-layer-opacity)\n );\n\n border-radius: var(--_shape);\n background: var(--_background);\n color: var(--_md-list-color);\n\n position: relative;\n overflow: clip;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n gap: var(--_md-list-item-spacing);\n\n padding-inline: var(--_md-list-item-padding-inline);\n padding-block: var(--_md-list-item-padding-block);\n\n transition:\n border-radius var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n background-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n box-shadow var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-shape);\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n --_state-layer-opacity: var(--md-sys-state-dragged);\n\n box-shadow: var(--md-sys-elevation-shadow-4);\n }\n\n &[data-disabled] {\n --_md-list-color: var(--_md-list-disabled-color);\n --_md-list-label-color: var(--_md-list-disabled-color);\n\n --_state-layer-opacity: var(--md-sys-state-disabled-container);\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n .list-item[data-selected] {\n --_md-list-color: var(--_md-list-selected-color);\n --_md-list-label-color: var(--_md-list-selected-color);\n\n --_shape: var(--_md-list-item-selected-shape);\n\n --_background: var(--_md-list-item-selected-background);\n\n &[data-hovered] {\n --_shape: var(--_md-list-item-hovered-selected-shape);\n }\n\n &[data-focus-visible] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-dragging] {\n --_shape: var(--_md-list-item-interaction-shape);\n }\n\n &[data-disabled] {\n --_background: var(--_md-list-item-selected-disabled-background);\n }\n }\n\n /* state layer */\n .list-item::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n border-radius: inherit;\n\n background-color: var(--_state-layer-color);\n\n transition: background-color var(--md-sys-motion-standard-fast-spatial)\n var(--md-sys-motion-standard-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n /* focus indicator */\n .list-item[data-focus-visible] {\n --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n --focus-indicator-offset: calc(2 * var(--dp, 1px));\n --focus-indicator-color: var(--md-sys-color-secondary);\n\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n\n z-index: 1;\n }\n\n .leading {\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .trailing {\n margin-inline-start: auto;\n\n display: flex;\n align-items: var(--md-list-align-y, \"center\");\n }\n\n .content {\n display: grid;\n }\n}\n","import { clsx } from \"clsx\";\nimport {\n CheckboxContext,\n ListBoxItem,\n Provider,\n SwitchContext,\n} from \"react-aria-components\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport styles from \"./listItem.module.css\";\nimport type { ListItemProps } from \"./types\";\n\nexport const ListItem: React.FC<ListItemProps> = ({\n leading,\n overline,\n label,\n supporting,\n trailing,\n className,\n onPress,\n ...props\n}) => {\n const { handlePress, splashInfo } = useSplash(onPress);\n const hasTrailing = (trailing?.length ?? 0) > 0;\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n styles[\"list-item\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n data-list-item={true}\n {...props}\n >\n {({ isSelected, isDisabled }) => (\n <Provider\n values={[\n [\n CheckboxContext,\n {\n slots: {\n selection: {\n isSelected,\n isDisabled,\n isReadOnly: true,\n },\n },\n },\n ],\n [\n SwitchContext,\n {\n slots: {\n selection: {\n isSelected,\n isDisabled,\n isReadOnly: true,\n },\n },\n },\n ],\n ]}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {leading && (\n <div className={clsx(styles[\"leading\"])}>{leading}</div>\n )}\n\n <div className={clsx(styles[\"content\"])}>\n {overline && overline}\n {label}\n {supporting && supporting}\n </div>\n\n {hasTrailing && (\n <div className={styles[\"trailing\"]}>{trailing}</div>\n )}\n </Provider>\n )}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;;;GCWa,KAAoC,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAShD,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OATiD,6FAAA,KAAA,GASjD,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACG,IAAA,EAAA,gBAAA,kBAAoC,EAAU,CAAO,GACrD,KAAqB,GAAQ,UAAR,KAAyB,GAAE;CAAA,AAAA,EAAA,OAAA,IAUnC,IAAA,EAAA,OANM,KAAA,MACP,EACI,EAAO,cACP,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,MAAA;CAAA,IAAA;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAMJ,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAA;EAA0B,OACxB,kBAAC,GAAD;GACY,QAAA,CACJ,CACI,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,GAEL,CACI,GACA,EAAA,OACW,EAAA,WACQ;IAAA;IAAA;IAAA,YAGK;GAChB,EACJ,EACJ,CAAC,CACJ;aAzBT;IA4BK,KAAc,kBAAC,GAAD,EAAO,GAAK,EAAU,CAAA;IAEpC,KACG,kBAAA,OAAA;KAAgB,WAAA,EAAK,EAAM,OAAW;eAAI;IAAc,CAAA;IAG5D,kBAAA,OAAA;KAAgB,WAAA,EAAK,EAAM,OAAW;eAAtC;MACK,KAAA;MACA;MACA,KAAA;KACC;;IAEL,KACG,kBAAA,OAAA;KAAgB,WAAA,EAAM;eAAe;IAAe,CAAA;GAzCnD;;CA2CE,GACd,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CACS,OADT,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KA1DL,IAAA,kBAAC,GAAD;EACe,WAAA;EAQFG,SAAA;EACO,kBAAA;EAAI,GAChB;YAEH;CAbO,CAAA,GA2DE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA3Dd;AA2Dc"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { t } from "./base";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { Text as i } from "react-aria-components";
|
|
6
|
+
import '../assets/ListLabelText.css';//#region src/components/List/ListLabelText/listLabelText.module.css
|
|
7
|
+
var a = e(), o = { label: "_label_1mz0p_2" }, s = (e) => {
|
|
8
|
+
let s = (0, a.c)(8), c, l;
|
|
9
|
+
s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
|
|
10
|
+
let u;
|
|
11
|
+
s[3] === c ? u = s[4] : (u = n(o.label, t.bodyLarge, c), s[3] = c, s[4] = u);
|
|
12
|
+
let d;
|
|
13
|
+
return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
|
|
14
|
+
className: u,
|
|
15
|
+
slot: "label",
|
|
16
|
+
...l
|
|
17
|
+
}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { s as t };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=ListLabelText.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListLabelText","names":[],"sources":["../../src/components/List/ListLabelText/listLabelText.module.css","../../src/components/List/ListLabelText/ListLabelText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .label {\n color: var(--_md-list-label-color);\n\n transition: color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listLabelText.module.css\";\n\nexport const ListLabelText: React.FC<\n Omit<React.ComponentPropsWithRef<typeof Text>, \"slot\">\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(styles[\"label\"], typography.bodyLarge, className)}\n slot=\"label\"\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;8CCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAGiD,IAAA,EAAA,MAAtD,IAAA,EAAK,EAAM,OAAW,EAAU,WAAY,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAGnE,OAHmE,EAAA,OAAA,KAAA,EAAA,OAAA,KADrE,IAAA,kBAAC,GAAD;EACe,WAAA;EACN,MAAA;EAAO,GACR;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJF;AAIE"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import e from "clsx";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
import '../assets/ListMedia.css';var n = {
|
|
4
|
+
media: "_media_13y6e_2",
|
|
5
|
+
image: "_image_13y6e_31",
|
|
6
|
+
video: "_video_13y6e_37",
|
|
7
|
+
"large-video": "_large-video_13y6e_43"
|
|
8
|
+
}, r = ({ variant: r = "image", className: i, ...a }) => /* @__PURE__ */ t("div", {
|
|
9
|
+
className: e(n.media, n[r], i),
|
|
10
|
+
...a
|
|
11
|
+
}), i = 56, a = 56, o = 100, s = 56, c = 114, l = 64;
|
|
12
|
+
//#endregion
|
|
13
|
+
export { s as a, c as i, i as n, o, l as r, r as s, a as t };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=ListMedia.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListMedia","names":[],"sources":["../../src/components/List/ListMedia/listMedia.module.css","../../src/components/List/ListMedia/ListMedia.tsx","../../src/components/List/ListMedia/types.ts"],"sourcesContent":["@layer adgytec.comps {\n .media {\n inline-size: var(--_md-list-media-inline-size);\n max-inline-size: var(--_md-list-media-inline-size);\n\n block-size: var(--_md-list-media-block-size);\n max-block-size: var(--_md-list-media-block-size);\n\n border-radius: var(--md-sys-shape-corner-radius-small);\n overflow: clip;\n\n background-color: var(--md-sys-color-primary-container);\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n\n & video {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n\n border-radius: inherit;\n }\n }\n\n .image {\n /* 56, 56 */\n --_md-list-media-inline-size: var(--md-sys-layout-space-56);\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .video {\n /* 100, 56 */\n --_md-list-media-inline-size: calc(100 * var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-56);\n }\n\n .large-video {\n /* 114, 64 */\n --_md-list-media-inline-size: calc(114 * var(--dp, 1px));\n --_md-list-media-block-size: var(--md-sys-layout-space-64);\n }\n}\n","import clsx from \"clsx\";\nimport styles from \"./listMedia.module.css\";\nimport type { ListMediaProps } from \"./types\";\n\nexport const ListMedia: React.FC<ListMediaProps> = ({\n variant = \"image\",\n className,\n ...props\n}) => {\n return (\n <div\n className={clsx(styles[\"media\"], styles[variant], className)}\n {...props}\n />\n );\n};\n","// constants values to be used by img or video tag\n\nexport const ListMediaImageWidth = 56;\nexport const ListMediaImageHeight = 56;\n\nexport const ListMediaVideoWidth = 100;\nexport const ListMediaVideoHeight = 56;\n\nexport const ListMediaLargeVideoWidth = 114;\nexport const ListMediaLargeVideoHeight = 64;\n\nexport type ListMediaVariant = \"image\" | \"video\" | \"large-video\";\n\nexport interface ListMediaProps extends React.ComponentPropsWithRef<\"div\"> {\n variant?: ListMediaVariant;\n}\n"],"mappings":";;;;;;;GCIa,KAAuC,EAChD,aAAU,SACV,cACA,GAAG,QAGC,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,OAAU,EAAO,IAAU,CAAS;CAC3D,GAAI;AAAM,CAAA,GCVT,IAAsB,IACtB,IAAuB,IAEvB,IAAsB,KACtB,IAAuB,IAEvB,IAA2B,KAC3B,IAA4B"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { t } from "./base";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { Text as i } from "react-aria-components";
|
|
6
|
+
import '../assets/ListOverlineText.css';//#region src/components/List/ListOverlineText/listOverlineText.module.css
|
|
7
|
+
var a = e(), o = { overline: "_overline_yhp0s_2" }, s = (e) => {
|
|
8
|
+
let s = (0, a.c)(8), c, l;
|
|
9
|
+
s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
|
|
10
|
+
let u;
|
|
11
|
+
s[3] === c ? u = s[4] : (u = n(o.overline, t.labelSmall, c), s[3] = c, s[4] = u);
|
|
12
|
+
let d;
|
|
13
|
+
return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ r(i, {
|
|
14
|
+
className: u,
|
|
15
|
+
...l
|
|
16
|
+
}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { s as t };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=ListOverlineText.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListOverlineText","names":[],"sources":["../../src/components/List/ListOverlineText/listOverlineText.module.css","../../src/components/List/ListOverlineText/ListOverlineText.tsx"],"sourcesContent":["@layer adgytec.comps {\n .overline {\n color: var(--_md-list-color);\n\n transition: color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Text } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport styles from \"./listOverlineText.module.css\";\n\nexport const ListOverlineText: React.FC<\n React.ComponentPropsWithRef<typeof Text>\n> = ({ className, ...props }) => {\n return (\n <Text\n className={clsx(\n styles[\"overline\"],\n typography.labelSmall,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;oDCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAOf,IAAA,EAAA,MAJU,IAAA,EACP,EAAM,UACN,EAAU,YACV,CACJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEH,OAFG,EAAA,OAAA,KAAA,EAAA,OAAA,KALL,IAAA,kBAAC,GAAD;EACe,WAAA;EAIV,GACG;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAPF;AAOE"}
|