@adgytec/adgytec-web-ui-components 2.1.3 → 2.1.4
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/core10.css +1 -1
- package/dist/chunks/core9 +1 -1
- package/dist/chunks/core9.map +1 -1
- package/package.json +1 -1
package/dist/assets/core10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._item_1jlhw_16{--_md-navigation-item-active-background:var(--md-navigation-item-active-background,var(--md-sys-color-secondary-container));--_md-navigation-item-label-color:var(--md-navigation-item-label-color,var(--md-sys-color-on-surface-variant));--_md-navigation-item-icon-color:var(--md-navigation-item-icon-color,var(--md-sys-color-on-surface-variant));--_md-navigation-item-active-label-color:var(--md-navigation-item-active-label-color,var(--md-sys-color-secondary));--_md-navigation-item-active-icon-color:var(--md-navigation-item-active-icon-color,var(--md-sys-color-on-secondary-container));--_md-navigation-item-state-layer-color:var(--md-navigation-item-state-layer-color,var(--md-sys-color-on-secondary-container));--_md-navigation-item-padding-block:var(--md-sys-layout-space-16);--_md-navigation-item-padding-inline:var(--md-sys-layout-space-16);--_md-navigation-item-gap:var(--md-sys-layout-space-8);--_background:transparent;--_icon-color:var(--_md-navigation-item-icon-color);--_label-color:var(--_md-navigation-item-label-color);--_state-color:var(--_md-navigation-item-state-layer-color);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));all:unset;background-color:var(--_background);color:var(--_label-color);padding-inline:var(--_md-navigation-item-padding-inline);padding-block:var(--_md-navigation-item-padding-block);align-items:center;gap:var(--_md-navigation-item-gap);cursor:pointer;border-radius:var(--md-sys-shape-corner-radius-full);display:flex;position:relative}._item_1jlhw_16[data-active]{--_background:var(--_md-navigation-item-active-background);--_icon-color:var(--_md-navigation-item-active-icon-color);--_label-color:var(--_md-navigation-item-active-label-color)}._item_1jlhw_16 [data-nav-icon]{color:var(--_icon-color)}._item_1jlhw_16[data-disabled]{cursor:default}._item_1jlhw_16[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover)}._item_1jlhw_16[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus)}._item_1jlhw_16[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed);--_background:var(--_md-navigation-item-active-background);--_icon-color:var(--_md-navigation-item-active-icon-color);--_label-color:var(--_md-navigation-item-active-label-color)}._item_1jlhw_16: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){._item_1jlhw_16:before{transition:none}}._item_1jlhw_16[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}}
|
package/dist/chunks/core9
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./base";
|
|
2
|
-
import '../assets/core10.css';var t = { item: "
|
|
2
|
+
import '../assets/core10.css';var t = { item: "_item_1jlhw_16" }, n = e.titleSmall, r = t.item;
|
|
3
3
|
//#endregion
|
|
4
4
|
export { r as n, n as t };
|
|
5
5
|
|
package/dist/chunks/core9.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core9","names":[],"sources":["../../src/components/Navigation/NavigationItem/core/navigationItem.module.css","../../src/components/Navigation/NavigationItem/core/navigationItem.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-item-active-background\n*\n* --md-navigation-item-label-color\n* --md-navigation-item-icon-color\n*\n* --md-navigation-item-active-label-color\n* --md-navigation-item-active-icon-color\n*\n* --md-navigation-item-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .item {\n --_md-navigation-item-active-background: var(\n --md-navigation-item-active-background,\n var(--md-sys-color-secondary-container)\n );\n\n --_md-navigation-item-label-color: var(\n --md-navigation-item-label-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-navigation-item-icon-color: var(\n --md-navigation-item-icon-color,\n var(--md-sys-color-on-surface-variant)\n );\n\n --_md-navigation-item-active-label-color: var(\n --md-navigation-item-active-label-color,\n var(--md-sys-color-secondary)\n );\n --_md-navigation-item-active-icon-color: var(\n --md-navigation-item-active-icon-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-navigation-item-state-layer-color: var(\n --md-navigation-item-state-layer-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-navigation-item-padding-block: var(--md-sys-layout-space-16);\n --_md-navigation-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-navigation-item-gap: var(--md-sys-layout-space-8);\n\n --_background: transparent;\n --_icon-color: var(--_md-navigation-item-icon-color);\n --_label-color: var(--_md-navigation-item-label-color);\n\n --_state-color: var(--_md-navigation-item-state-layer-color);\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 all: unset;\n\n position: relative;\n\n background-color: var(--_background);\n color: var(--_label-color);\n\n padding-inline: var(--_md-navigation-item-padding-inline);\n padding-block: var(--_md-navigation-item-padding-block);\n\n display: flex;\n align-items: center;\n
|
|
1
|
+
{"version":3,"file":"core9","names":[],"sources":["../../src/components/Navigation/NavigationItem/core/navigationItem.module.css","../../src/components/Navigation/NavigationItem/core/navigationItem.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-item-active-background\n*\n* --md-navigation-item-label-color\n* --md-navigation-item-icon-color\n*\n* --md-navigation-item-active-label-color\n* --md-navigation-item-active-icon-color\n*\n* --md-navigation-item-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .item {\n --_md-navigation-item-active-background: var(\n --md-navigation-item-active-background,\n var(--md-sys-color-secondary-container)\n );\n\n --_md-navigation-item-label-color: var(\n --md-navigation-item-label-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-navigation-item-icon-color: var(\n --md-navigation-item-icon-color,\n var(--md-sys-color-on-surface-variant)\n );\n\n --_md-navigation-item-active-label-color: var(\n --md-navigation-item-active-label-color,\n var(--md-sys-color-secondary)\n );\n --_md-navigation-item-active-icon-color: var(\n --md-navigation-item-active-icon-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-navigation-item-state-layer-color: var(\n --md-navigation-item-state-layer-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-navigation-item-padding-block: var(--md-sys-layout-space-16);\n --_md-navigation-item-padding-inline: var(--md-sys-layout-space-16);\n --_md-navigation-item-gap: var(--md-sys-layout-space-8);\n\n --_background: transparent;\n --_icon-color: var(--_md-navigation-item-icon-color);\n --_label-color: var(--_md-navigation-item-label-color);\n\n --_state-color: var(--_md-navigation-item-state-layer-color);\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 all: unset;\n\n position: relative;\n\n background-color: var(--_background);\n color: var(--_label-color);\n\n padding-inline: var(--_md-navigation-item-padding-inline);\n padding-block: var(--_md-navigation-item-padding-block);\n\n display: flex;\n align-items: center;\n gap: var(--_md-navigation-item-gap);\n\n cursor: pointer;\n border-radius: var(--md-sys-shape-corner-radius-full);\n\n &[data-active] {\n --_background: var(--_md-navigation-item-active-background);\n --_icon-color: var(--_md-navigation-item-active-icon-color);\n --_label-color: var(--_md-navigation-item-active-label-color);\n }\n\n [data-nav-icon] {\n color: var(--_icon-color);\n }\n\n &[data-disabled] {\n cursor: default;\n }\n\n &[data-hovered] {\n --_state-layer-opacity: var(--md-sys-state-hover);\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 --_background: var(--_md-navigation-item-active-background);\n --_icon-color: var(--_md-navigation-item-active-icon-color);\n --_label-color: var(--_md-navigation-item-active-label-color);\n }\n }\n\n /* state layer */\n .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 .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","import type { LucideIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { typography } from \"@/utils\";\nimport styles from \"./navigationItem.module.css\";\n\nexport interface NavigationItemProps {\n label: ReactNode;\n icon?: LucideIcon;\n activeIcon?: LucideIcon;\n isActive?: boolean;\n}\n\nexport const NavigationItemLabelTypography = typography.titleSmall;\nexport const NavigationItemStyles = styles[\"item\"];\n"],"mappings":";oCCYa,IAAgC,EAAW,YAC3C,IAAuB,EAAO"}
|