@sandlada/mdc 0.1.0-20250907.a
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/LICENSE +21 -0
- package/LICENSES/LICENSE-APACHE-2.0.txt +202 -0
- package/README.md +43 -0
- package/build/all.d.ts +24 -0
- package/build/all.d.ts.map +1 -0
- package/build/all.js +1 -0
- package/build/class-map-DlMb2KKL.js +11 -0
- package/build/color-CigMJnjV.js +1 -0
- package/build/component-definitions/badge.definition.d.ts +15 -0
- package/build/component-definitions/badge.definition.d.ts.map +1 -0
- package/build/component-definitions/badge.definition.js +6 -0
- package/build/component-definitions/button.definition.d.ts +1017 -0
- package/build/component-definitions/button.definition.d.ts.map +1 -0
- package/build/component-definitions/button.definition.js +6 -0
- package/build/component-definitions/card.definition.d.ts +99 -0
- package/build/component-definitions/card.definition.d.ts.map +1 -0
- package/build/component-definitions/card.definition.js +6 -0
- package/build/component-definitions/checkbox.definition.d.ts +74 -0
- package/build/component-definitions/checkbox.definition.d.ts.map +1 -0
- package/build/component-definitions/checkbox.definition.js +6 -0
- package/build/component-definitions/dialog.definition.d.ts +74 -0
- package/build/component-definitions/dialog.definition.d.ts.map +1 -0
- package/build/component-definitions/dialog.definition.js +1 -0
- package/build/component-definitions/divider.definition.d.ts +5 -0
- package/build/component-definitions/divider.definition.d.ts.map +1 -0
- package/build/component-definitions/divider.definition.js +6 -0
- package/build/component-definitions/elevation.definition.d.ts +5 -0
- package/build/component-definitions/elevation.definition.d.ts.map +1 -0
- package/build/component-definitions/elevation.definition.js +6 -0
- package/build/component-definitions/fab.definition.d.ts +643 -0
- package/build/component-definitions/fab.definition.d.ts.map +1 -0
- package/build/component-definitions/fab.definition.js +6 -0
- package/build/component-definitions/focus-ring.definition.d.ts +13 -0
- package/build/component-definitions/focus-ring.definition.d.ts.map +1 -0
- package/build/component-definitions/focus-ring.definition.js +6 -0
- package/build/component-definitions/icon-button.definition.d.ts +718 -0
- package/build/component-definitions/icon-button.definition.d.ts.map +1 -0
- package/build/component-definitions/icon-button.definition.js +6 -0
- package/build/component-definitions/icon.definition.d.ts +10 -0
- package/build/component-definitions/icon.definition.d.ts.map +1 -0
- package/build/component-definitions/icon.definition.js +6 -0
- package/build/component-definitions/navigation-bar.definition.d.ts +36 -0
- package/build/component-definitions/navigation-bar.definition.d.ts.map +1 -0
- package/build/component-definitions/navigation-bar.definition.js +1 -0
- package/build/component-definitions/navigation-rail.definition.d.ts +37 -0
- package/build/component-definitions/navigation-rail.definition.d.ts.map +1 -0
- package/build/component-definitions/navigation-rail.definition.js +1 -0
- package/build/component-definitions/navigation-tab.definition.d.ts +337 -0
- package/build/component-definitions/navigation-tab.definition.d.ts.map +1 -0
- package/build/component-definitions/navigation-tab.definition.js +23 -0
- package/build/component-definitions/progress-indicator.definition.d.ts +52 -0
- package/build/component-definitions/progress-indicator.definition.d.ts.map +1 -0
- package/build/component-definitions/progress-indicator.definition.js +1 -0
- package/build/component-definitions/radio-button.definition.d.ts +29 -0
- package/build/component-definitions/radio-button.definition.d.ts.map +1 -0
- package/build/component-definitions/radio-button.definition.js +6 -0
- package/build/component-definitions/ripple.definition.d.ts +9 -0
- package/build/component-definitions/ripple.definition.d.ts.map +1 -0
- package/build/component-definitions/ripple.definition.js +6 -0
- package/build/component-definitions/search.definition.d.ts +47 -0
- package/build/component-definitions/search.definition.d.ts.map +1 -0
- package/build/component-definitions/search.definition.js +1 -0
- package/build/component-definitions/slider.definition.d.ts +80 -0
- package/build/component-definitions/slider.definition.d.ts.map +1 -0
- package/build/component-definitions/slider.definition.js +1 -0
- package/build/component-definitions/switch.definition.d.ts +84 -0
- package/build/component-definitions/switch.definition.d.ts.map +1 -0
- package/build/component-definitions/switch.definition.js +6 -0
- package/build/components/button/base-button.d.ts +100 -0
- package/build/components/button/base-button.d.ts.map +1 -0
- package/build/components/button/base-button.js +1 -0
- package/build/components/button/button.d.ts +34 -0
- package/build/components/button/button.d.ts.map +1 -0
- package/build/components/button/button.js +1 -0
- package/build/components/button/button.style.d.ts +2 -0
- package/build/components/button/button.style.d.ts.map +1 -0
- package/build/components/button/button.style.js +468 -0
- package/build/components/button/toggle-button.d.ts +71 -0
- package/build/components/button/toggle-button.d.ts.map +1 -0
- package/build/components/button/toggle-button.js +1 -0
- package/build/components/button-group/base-button-group.d.ts +6 -0
- package/build/components/button-group/base-button-group.d.ts.map +1 -0
- package/build/components/button-group/base-button-group.js +1 -0
- package/build/components/button-group/connected-button-group.d.ts +8 -0
- package/build/components/button-group/connected-button-group.d.ts.map +1 -0
- package/build/components/button-group/connected-button-group.js +1 -0
- package/build/components/button-group/standard-button-group.d.ts +4 -0
- package/build/components/button-group/standard-button-group.d.ts.map +1 -0
- package/build/components/button-group/standard-button-group.js +1 -0
- package/build/components/dialog/base-dialog.d.ts +42 -0
- package/build/components/dialog/base-dialog.d.ts.map +1 -0
- package/build/components/dialog/base-dialog.js +1 -0
- package/build/components/dialog/basic-dialog.d.ts +10 -0
- package/build/components/dialog/basic-dialog.d.ts.map +1 -0
- package/build/components/dialog/basic-dialog.js +1 -0
- package/build/components/dialog/dialog-action.d.ts +62 -0
- package/build/components/dialog/dialog-action.d.ts.map +1 -0
- package/build/components/dialog/dialog-action.js +1 -0
- package/build/components/dialog/dialog-animations.d.ts +48 -0
- package/build/components/dialog/dialog-animations.d.ts.map +1 -0
- package/build/components/dialog/dialog-animations.js +6 -0
- package/build/components/dialog/dialog.style.d.ts +2 -0
- package/build/components/dialog/dialog.style.d.ts.map +1 -0
- package/build/components/dialog/dialog.style.js +217 -0
- package/build/components/divider/divider.d.ts +18 -0
- package/build/components/divider/divider.d.ts.map +1 -0
- package/build/components/divider/divider.js +1 -0
- package/build/components/divider/divider.style.d.ts +2 -0
- package/build/components/divider/divider.style.d.ts.map +1 -0
- package/build/components/divider/divider.style.js +6 -0
- package/build/components/elevation/elevation.d.ts +46 -0
- package/build/components/elevation/elevation.d.ts.map +1 -0
- package/build/components/elevation/elevation.js +1 -0
- package/build/components/elevation/elevation.style.d.ts +2 -0
- package/build/components/elevation/elevation.style.d.ts.map +1 -0
- package/build/components/elevation/elevation.style.js +6 -0
- package/build/components/fab/base-extended-fab.d.ts +23 -0
- package/build/components/fab/base-extended-fab.d.ts.map +1 -0
- package/build/components/fab/base-extended-fab.js +1 -0
- package/build/components/fab/base-fab.d.ts +47 -0
- package/build/components/fab/base-fab.d.ts.map +1 -0
- package/build/components/fab/base-fab.js +1 -0
- package/build/components/fab/fab.d.ts +29 -0
- package/build/components/fab/fab.d.ts.map +1 -0
- package/build/components/fab/fab.js +1 -0
- package/build/components/fab/fab.style.d.ts +2 -0
- package/build/components/fab/fab.style.d.ts.map +1 -0
- package/build/components/fab/fab.style.js +180 -0
- package/build/components/focus-ring/focus-ring.d.ts +56 -0
- package/build/components/focus-ring/focus-ring.d.ts.map +1 -0
- package/build/components/focus-ring/focus-ring.js +1 -0
- package/build/components/focus-ring/focus-ring.style.d.ts +2 -0
- package/build/components/focus-ring/focus-ring.style.d.ts.map +1 -0
- package/build/components/focus-ring/focus-ring.style.js +108 -0
- package/build/components/icon/icon.d.ts +50 -0
- package/build/components/icon/icon.d.ts.map +1 -0
- package/build/components/icon/icon.js +1 -0
- package/build/components/icon/icon.style.d.ts +2 -0
- package/build/components/icon/icon.style.d.ts.map +1 -0
- package/build/components/icon/icon.style.js +6 -0
- package/build/components/icon-button/base-icon-button.d.ts +69 -0
- package/build/components/icon-button/base-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/base-icon-button.js +1 -0
- package/build/components/icon-button/icon-button.d.ts +24 -0
- package/build/components/icon-button/icon-button.d.ts.map +1 -0
- package/build/components/icon-button/icon-button.js +1 -0
- package/build/components/icon-button/icon-button.style.d.ts +2 -0
- package/build/components/icon-button/icon-button.style.d.ts.map +1 -0
- package/build/components/icon-button/icon-button.style.js +357 -0
- package/build/components/icon-button/toggle-icon-button.d.ts +68 -0
- package/build/components/icon-button/toggle-icon-button.d.ts.map +1 -0
- package/build/components/icon-button/toggle-icon-button.js +1 -0
- package/build/components/navigation-bar/navigation-bar-animations.d.ts +21 -0
- package/build/components/navigation-bar/navigation-bar-animations.d.ts.map +1 -0
- package/build/components/navigation-bar/navigation-bar-animations.js +1 -0
- package/build/components/navigation-bar/navigation-bar.d.ts +75 -0
- package/build/components/navigation-bar/navigation-bar.d.ts.map +1 -0
- package/build/components/navigation-bar/navigation-bar.js +1 -0
- package/build/components/navigation-bar/navigation-bar.style.d.ts +2 -0
- package/build/components/navigation-bar/navigation-bar.style.d.ts.map +1 -0
- package/build/components/navigation-bar/navigation-bar.style.js +1 -0
- package/build/components/navigation-item/base-navigation-tab.d.ts +67 -0
- package/build/components/navigation-item/base-navigation-tab.d.ts.map +1 -0
- package/build/components/navigation-item/base-navigation-tab.js +1 -0
- package/build/components/navigation-item/navigation-bar-tab.d.ts +30 -0
- package/build/components/navigation-item/navigation-bar-tab.d.ts.map +1 -0
- package/build/components/navigation-item/navigation-bar-tab.js +1 -0
- package/build/components/navigation-item/navigation-rail-tab.d.ts +32 -0
- package/build/components/navigation-item/navigation-rail-tab.d.ts.map +1 -0
- package/build/components/navigation-item/navigation-rail-tab.js +1 -0
- package/build/components/navigation-item/navigation-tab-sigle-selection-controller.d.ts +37 -0
- package/build/components/navigation-item/navigation-tab-sigle-selection-controller.d.ts.map +1 -0
- package/build/components/navigation-item/navigation-tab-sigle-selection-controller.js +6 -0
- package/build/components/navigation-item/navigation-tab.d.ts +6 -0
- package/build/components/navigation-item/navigation-tab.d.ts.map +1 -0
- package/build/components/navigation-item/navigation-tab.js +1 -0
- package/build/components/navigation-item/navigation-tab.style.d.ts +3 -0
- package/build/components/navigation-item/navigation-tab.style.d.ts.map +1 -0
- package/build/components/navigation-item/navigation-tab.style.js +353 -0
- package/build/components/navigation-rail/navigation-rail-animations.d.ts +21 -0
- package/build/components/navigation-rail/navigation-rail-animations.d.ts.map +1 -0
- package/build/components/navigation-rail/navigation-rail-animations.js +1 -0
- package/build/components/navigation-rail/navigation-rail.d.ts +94 -0
- package/build/components/navigation-rail/navigation-rail.d.ts.map +1 -0
- package/build/components/navigation-rail/navigation-rail.js +1 -0
- package/build/components/navigation-rail/navigation-rail.style.d.ts +2 -0
- package/build/components/navigation-rail/navigation-rail.style.d.ts.map +1 -0
- package/build/components/navigation-rail/navigation-rail.style.js +1 -0
- package/build/components/progress-indicator/base-progress-indicator.d.ts +33 -0
- package/build/components/progress-indicator/base-progress-indicator.d.ts.map +1 -0
- package/build/components/progress-indicator/base-progress-indicator.js +1 -0
- package/build/components/progress-indicator/linear-progress-indicator.d.ts +47 -0
- package/build/components/progress-indicator/linear-progress-indicator.d.ts.map +1 -0
- package/build/components/progress-indicator/linear-progress-indicator.js +1 -0
- package/build/components/progress-indicator/progress-indicator.style.d.ts +2 -0
- package/build/components/progress-indicator/progress-indicator.style.d.ts.map +1 -0
- package/build/components/progress-indicator/progress-indicator.style.js +154 -0
- package/build/components/radio-button/radio-button.d.ts +49 -0
- package/build/components/radio-button/radio-button.d.ts.map +1 -0
- package/build/components/radio-button/radio-button.js +1 -0
- package/build/components/radio-button/radio-button.style.d.ts +2 -0
- package/build/components/radio-button/radio-button.style.d.ts.map +1 -0
- package/build/components/radio-button/radio-button.style.js +143 -0
- package/build/components/ripple/ripple-action.d.ts +62 -0
- package/build/components/ripple/ripple-action.d.ts.map +1 -0
- package/build/components/ripple/ripple-action.js +10 -0
- package/build/components/ripple/ripple.d.ts +55 -0
- package/build/components/ripple/ripple.d.ts.map +1 -0
- package/build/components/ripple/ripple.js +1 -0
- package/build/components/ripple/ripple.style.d.ts +2 -0
- package/build/components/ripple/ripple.style.d.ts.map +1 -0
- package/build/components/ripple/ripple.style.js +6 -0
- package/build/components/search/search-bar.d.ts +30 -0
- package/build/components/search/search-bar.d.ts.map +1 -0
- package/build/components/search/search-bar.js +1 -0
- package/build/components/search/search-bar.style.d.ts +2 -0
- package/build/components/search/search-bar.style.d.ts.map +1 -0
- package/build/components/search/search-bar.style.js +1 -0
- package/build/components/slider/base-slider.d.ts +58 -0
- package/build/components/slider/base-slider.d.ts.map +1 -0
- package/build/components/slider/base-slider.js +1 -0
- package/build/components/slider/slider.d.ts +3 -0
- package/build/components/slider/slider.d.ts.map +1 -0
- package/build/components/slider/slider.js +1 -0
- package/build/components/switch/switch.d.ts +45 -0
- package/build/components/switch/switch.d.ts.map +1 -0
- package/build/components/switch/switch.js +1 -0
- package/build/components/switch/switch.style.d.ts +2 -0
- package/build/components/switch/switch.style.d.ts.map +1 -0
- package/build/components/switch/switch.style.js +329 -0
- package/build/components/typography/typography.d.ts +44 -0
- package/build/components/typography/typography.d.ts.map +1 -0
- package/build/components/typography/typography.js +1 -0
- package/build/components/typography/typography.styles.d.ts +3 -0
- package/build/components/typography/typography.styles.d.ts.map +1 -0
- package/build/components/typography/typography.styles.js +6 -0
- package/build/components/wave/base-wave.d.ts +12 -0
- package/build/components/wave/base-wave.d.ts.map +1 -0
- package/build/components/wave/base-wave.js +1 -0
- package/build/components/wave/circular-wave.d.ts +37 -0
- package/build/components/wave/circular-wave.d.ts.map +1 -0
- package/build/components/wave/circular-wave.js +1 -0
- package/build/components/wave/linear-wave.d.ts +26 -0
- package/build/components/wave/linear-wave.d.ts.map +1 -0
- package/build/components/wave/linear-wave.js +1 -0
- package/build/custom-element-Dz3n6kSt.js +6 -0
- package/build/definitions.d.ts +18 -0
- package/build/definitions.d.ts.map +1 -0
- package/build/definitions.js +1 -0
- package/build/duration-CDKuKTyT.js +1 -0
- package/build/easing-5hHInU7b.js +1 -0
- package/build/elevation-dUQez_WX.js +1 -0
- package/build/lit-element-Ho-VPzO1.js +22 -0
- package/build/property-Ck1wIidx.js +6 -0
- package/build/query-DifSdHBD.js +11 -0
- package/build/query-assigned-elements-CAhlPqtD.js +6 -0
- package/build/shape-CrZ0CLVJ.js +1 -0
- package/build/state--U2hSgGK.js +6 -0
- package/build/state-C-haZXan.js +1 -0
- package/build/tslib.es6-CmLYFWVC.js +1 -0
- package/build/typescale-Bh1NLwSE.js +1 -0
- package/build/utils/aria/aria.d.ts +71 -0
- package/build/utils/aria/aria.d.ts.map +1 -0
- package/build/utils/aria/aria.js +6 -0
- package/build/utils/aria/delegate.d.ts +55 -0
- package/build/utils/aria/delegate.d.ts.map +1 -0
- package/build/utils/aria/delegate.js +7 -0
- package/build/utils/behaviors/connected-promise-resolve.d.ts +8 -0
- package/build/utils/behaviors/connected-promise-resolve.d.ts.map +1 -0
- package/build/utils/behaviors/connected-promise-resolve.js +1 -0
- package/build/utils/behaviors/constraint-validation.d.ts +134 -0
- package/build/utils/behaviors/constraint-validation.d.ts.map +1 -0
- package/build/utils/behaviors/constraint-validation.js +6 -0
- package/build/utils/behaviors/element-internals.d.ts +46 -0
- package/build/utils/behaviors/element-internals.d.ts.map +1 -0
- package/build/utils/behaviors/element-internals.js +6 -0
- package/build/utils/behaviors/mixin.d.ts +55 -0
- package/build/utils/behaviors/mixin.d.ts.map +1 -0
- package/build/utils/behaviors/mixin.js +1 -0
- package/build/utils/behaviors/validators/checkbox-validator.d.ts +36 -0
- package/build/utils/behaviors/validators/checkbox-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/checkbox-validator.js +6 -0
- package/build/utils/behaviors/validators/radio-validator.d.ts +39 -0
- package/build/utils/behaviors/validators/radio-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/radio-validator.js +6 -0
- package/build/utils/behaviors/validators/select-validator.d.ts +36 -0
- package/build/utils/behaviors/validators/select-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/select-validator.js +6 -0
- package/build/utils/behaviors/validators/text-field-validator.d.ts +111 -0
- package/build/utils/behaviors/validators/text-field-validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/text-field-validator.js +6 -0
- package/build/utils/behaviors/validators/validator.d.ts +97 -0
- package/build/utils/behaviors/validators/validator.d.ts.map +1 -0
- package/build/utils/behaviors/validators/validator.js +6 -0
- package/build/utils/controller/attachable-controller.d.ts +116 -0
- package/build/utils/controller/attachable-controller.d.ts.map +1 -0
- package/build/utils/controller/attachable-controller.js +9 -0
- package/build/utils/controller/form-submitter.d.ts +71 -0
- package/build/utils/controller/form-submitter.d.ts.map +1 -0
- package/build/utils/controller/form-submitter.js +6 -0
- package/build/utils/controller/selection-controller.d.ts +24 -0
- package/build/utils/controller/selection-controller.d.ts.map +1 -0
- package/build/utils/controller/selection-controller.js +1 -0
- package/build/utils/controller/single-selection-controller.d.ts +46 -0
- package/build/utils/controller/single-selection-controller.d.ts.map +1 -0
- package/build/utils/controller/single-selection-controller.js +6 -0
- package/build/utils/event/dispatch-hook.d.ts +86 -0
- package/build/utils/event/dispatch-hook.d.ts.map +1 -0
- package/build/utils/event/dispatch-hook.js +6 -0
- package/build/utils/event/form-label-activation.d.ts +56 -0
- package/build/utils/event/form-label-activation.d.ts.map +1 -0
- package/build/utils/event/form-label-activation.js +6 -0
- package/build/utils/event/redispatch-event.d.ts +28 -0
- package/build/utils/event/redispatch-event.d.ts.map +1 -0
- package/build/utils/event/redispatch-event.js +6 -0
- package/build/utils/form/form-associated.d.ts +200 -0
- package/build/utils/form/form-associated.d.ts.map +1 -0
- package/build/utils/form/form-associated.js +1 -0
- package/build/utils/string/to-kebab-case.d.ts +11 -0
- package/build/utils/string/to-kebab-case.d.ts.map +1 -0
- package/build/utils/string/to-kebab-case.js +6 -0
- package/build/utils/tokens/create-logic-shape-tokens.d.ts +14 -0
- package/build/utils/tokens/create-logic-shape-tokens.d.ts.map +1 -0
- package/build/utils/tokens/create-logic-shape-tokens.js +6 -0
- package/build/utils/tokens/create-var.d.ts +14 -0
- package/build/utils/tokens/create-var.d.ts.map +1 -0
- package/build/utils/tokens/create-var.js +6 -0
- package/build/utils/tokens/create-wrapped-tokens.d.ts +25 -0
- package/build/utils/tokens/create-wrapped-tokens.d.ts.map +1 -0
- package/build/utils/tokens/create-wrapped-tokens.js +6 -0
- package/build/utils/tokens/exclude-tokens.d.ts +7 -0
- package/build/utils/tokens/exclude-tokens.d.ts.map +1 -0
- package/build/utils/tokens/exclude-tokens.js +6 -0
- package/build/utils/tokens/index.d.ts +12 -0
- package/build/utils/tokens/index.d.ts.map +1 -0
- package/build/utils/tokens/index.js +1 -0
- package/build/utils/tokens/override-component-tokens.d.ts +34 -0
- package/build/utils/tokens/override-component-tokens.d.ts.map +1 -0
- package/build/utils/tokens/override-component-tokens.js +6 -0
- package/build/utils/tokens/string-tokens.d.ts +14 -0
- package/build/utils/tokens/string-tokens.d.ts.map +1 -0
- package/build/utils/tokens/string-tokens.js +6 -0
- package/build/utils/uuid/generate-uuid.d.ts +19 -0
- package/build/utils/uuid/generate-uuid.d.ts.map +1 -0
- package/build/utils/uuid/generate-uuid.js +6 -0
- package/build/utils.d.ts +3 -0
- package/build/utils.d.ts.map +1 -0
- package/build/utils.js +1 -0
- package/package.json +74 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as i}from"../color-CigMJnjV.js";import{S as t}from"../shape-CrZ0CLVJ.js";import{createLogicShapeTokens as a}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Ho-VPzO1.js";const e={"active-indicator-shape":t.Full,"track-shape":t.Full,"stop-indicator-shape":t.Full},r={"active-indicator-color":i.Primary,"track-color":i.SecondaryContainer,"stop-indicator-color":i.Primary},c={...r,...a("--mdc-linear-progress",e,"all",!1),height:"4px","with-wave-height":"10px","active-indicator-thickness":"4px","track-thickness":"4px","stop-indicator-size":"4px","track-active-indicator-space":"4px","stop-indicator-trailing-space":"0px","wave-amplitude":"3px","wave-wavelength":"16px","indeterminate-wave-wavelength":"20px"},o={...r,...a("--mdc-circular-progress",e,"all",!1),height:"40px","size-with-wave":"48px","active-indicator-thickness":"4px","track-thickness":"4px","stop-indicator-size":"4px","track-active-indicator-amplitude":"1.6px","active-indicator-wave-wavelength":"20px"};export{o as CircularProgressIndicatorDefinition,c as LinearProgressIndicatorDefinition};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export declare const RadioButtonDefinition: {
|
|
2
|
+
readonly 'selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
3
|
+
readonly 'unselected-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
4
|
+
readonly 'icon-size': "20px";
|
|
5
|
+
readonly 'state-layer-size': "40px";
|
|
6
|
+
readonly 'disabled-selected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
7
|
+
readonly 'disabled-selected-icon-opacity': "0.38";
|
|
8
|
+
readonly 'disabled-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
9
|
+
readonly 'disabled-unselected-icon-opacity': "0.38";
|
|
10
|
+
readonly 'hovered-selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
11
|
+
readonly 'hovered-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
12
|
+
readonly 'hovered-selected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
13
|
+
readonly 'hovered-selected-state-layer-opacity': "0.08";
|
|
14
|
+
readonly 'hovered-unselected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
15
|
+
readonly 'hovered-unselected-state-layer-opacity': "0.08";
|
|
16
|
+
readonly 'focused-selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
17
|
+
readonly 'focused-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
18
|
+
readonly 'focused-selected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
19
|
+
readonly 'focused-selected-state-layer-opacity': "0.12";
|
|
20
|
+
readonly 'focused-unselected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
21
|
+
readonly 'focused-unselected-state-layer-opacity': "0.12";
|
|
22
|
+
readonly 'pressed-selected-icon-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
23
|
+
readonly 'pressed-unselected-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
24
|
+
readonly 'pressed-selected-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
25
|
+
readonly 'pressed-selected-state-layer-opacity': "0.12";
|
|
26
|
+
readonly 'pressed-unselected-state-layer-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
27
|
+
readonly 'pressed-unselected-state-layer-opacity': "0.12";
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=radio-button.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-button.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/radio-button.definition.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BxB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as c}from"../state-C-haZXan.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const t={"selected-icon-color":e.Primary,"unselected-icon-color":e.OnSurfaceVariant,"icon-size":"20px","state-layer-size":"40px","disabled-selected-icon-color":e.OnSurface,"disabled-selected-icon-opacity":"0.38","disabled-unselected-icon-color":e.OnSurface,"disabled-unselected-icon-opacity":"0.38","hovered-selected-icon-color":e.Primary,"hovered-unselected-icon-color":e.OnSurface,"hovered-selected-state-layer-color":e.Primary,"hovered-selected-state-layer-opacity":c.HoveredStateLayerOpacity,"hovered-unselected-state-layer-color":e.OnSurface,"hovered-unselected-state-layer-opacity":c.HoveredStateLayerOpacity,"focused-selected-icon-color":e.Primary,"focused-unselected-icon-color":e.OnSurface,"focused-selected-state-layer-color":e.Primary,"focused-selected-state-layer-opacity":c.FocusedStateLayerOpacity,"focused-unselected-state-layer-color":e.OnSurface,"focused-unselected-state-layer-opacity":c.FocusedStateLayerOpacity,"pressed-selected-icon-color":e.Primary,"pressed-unselected-icon-color":e.OnSurface,"pressed-selected-state-layer-color":e.OnSurface,"pressed-selected-state-layer-opacity":c.PressedStateLayerOpacity,"pressed-unselected-state-layer-color":e.Primary,"pressed-unselected-state-layer-opacity":c.PressedStateLayerOpacity};export{t as RadioButtonDefinition};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const RippleDefinition: {
|
|
2
|
+
readonly 'hovered-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
3
|
+
readonly 'hovered-opacity': "0.08";
|
|
4
|
+
readonly 'focused-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
5
|
+
readonly 'focused-opacity': "0.12";
|
|
6
|
+
readonly 'pressed-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
7
|
+
readonly 'pressed-opacity': "0.12";
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=ripple.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ripple.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/ripple.definition.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB;;;;;;;CAanB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as o}from"../state-C-haZXan.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const r={"hovered-color":e.OnSurface,"hovered-opacity":o.HoveredStateLayerOpacity,"focused-color":e.OnSurface,"focused-opacity":o.FocusedStateLayerOpacity,"pressed-color":e.OnSurface,"pressed-opacity":o.PressedStateLayerOpacity};export{r as RippleDefinition};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export declare const SearchBarDefinition: {
|
|
2
|
+
readonly "container-shape-start-start": string;
|
|
3
|
+
readonly "container-shape-start-end": string;
|
|
4
|
+
readonly "container-shape-end-end": string;
|
|
5
|
+
readonly "container-shape-end-start": string;
|
|
6
|
+
readonly "avatar-shape-start-start": string;
|
|
7
|
+
readonly "avatar-shape-start-end": string;
|
|
8
|
+
readonly "avatar-shape-end-end": string;
|
|
9
|
+
readonly "avatar-shape-end-start": string;
|
|
10
|
+
readonly 'container-inline-leading-space': "16px";
|
|
11
|
+
readonly 'container-inline-trailing-space': "16px";
|
|
12
|
+
readonly 'container-block-leading-space': "0px";
|
|
13
|
+
readonly 'container-block-trailing-space': "0px";
|
|
14
|
+
readonly 'container-width-minimum': "360px";
|
|
15
|
+
readonly 'container-width-maximum': "720px";
|
|
16
|
+
readonly 'leading-icon-and-label-between-space': "16px";
|
|
17
|
+
readonly 'trailing-icon-and-label-between-space': "16px";
|
|
18
|
+
readonly 'trailing-icons-between-space': "16px";
|
|
19
|
+
readonly 'avatar-size': "30px";
|
|
20
|
+
readonly 'container-color': "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))";
|
|
21
|
+
readonly 'container-elevation': "var(--md-sys-elevation-level-0, 0)";
|
|
22
|
+
readonly 'container-height': "56px";
|
|
23
|
+
readonly 'leading-icon-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
24
|
+
readonly 'trailing-icon-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
25
|
+
readonly 'supporting-text-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
26
|
+
readonly 'supporting-text-font': "Roboto";
|
|
27
|
+
readonly 'supporting-text-line-height': "24px";
|
|
28
|
+
readonly 'supporting-text-size': "16px";
|
|
29
|
+
readonly 'supporting-text-weight': "400";
|
|
30
|
+
readonly 'supporting-text-tracking': "0.5px";
|
|
31
|
+
readonly 'input-text-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
32
|
+
readonly 'input-text-font': "Roboto";
|
|
33
|
+
readonly 'input-text-line-height': "24px";
|
|
34
|
+
readonly 'input-text-size': "16px";
|
|
35
|
+
readonly 'input-text-weight': "400";
|
|
36
|
+
readonly 'input-text-tracking': "0.5px";
|
|
37
|
+
readonly 'hovered-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
38
|
+
readonly 'hovered-state-layer-opacity': "0.08";
|
|
39
|
+
readonly 'hovered-supporting-text-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
40
|
+
readonly 'Pressed-state-layer-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
41
|
+
readonly 'Pressed-state-layer-opacity': "0.12";
|
|
42
|
+
readonly 'Pressed-supporting-text-color': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
43
|
+
readonly 'focused-indicator-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
|
|
44
|
+
readonly 'focused-indicator-thickness': "3px";
|
|
45
|
+
readonly 'focused-indicator-offset': "2px";
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=search.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/search.definition.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CtB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{E as t}from"../elevation-dUQez_WX.js";import{S as a}from"../shape-CrZ0CLVJ.js";import{S as i}from"../state-C-haZXan.js";import{T as r}from"../typescale-Bh1NLwSE.js";import"../utils/controller/attachable-controller.js";import{createLogicShapeTokens as o}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Ho-VPzO1.js";const n={"container-inline-leading-space":"16px","container-inline-trailing-space":"16px","container-block-leading-space":"0px","container-block-trailing-space":"0px","container-width-minimum":"360px","container-width-maximum":"720px","leading-icon-and-label-between-space":"16px","trailing-icon-and-label-between-space":"16px","trailing-icons-between-space":"16px","avatar-size":"30px","container-color":e.SurfaceContainerHigh,"container-elevation":t.Level0,"container-height":"56px","leading-icon-color":e.OnSurface,"trailing-icon-color":e.OnSurfaceVariant,"supporting-text-color":e.OnSurfaceVariant,"supporting-text-font":r.BodyLargeFont,"supporting-text-line-height":r.BodyLargeLineHeight,"supporting-text-size":r.BodyLargeSize,"supporting-text-weight":r.BodyLargeWeight,"supporting-text-tracking":r.BodyLargeTracking,"input-text-color":e.OnSurface,"input-text-font":r.BodyLargeFont,"input-text-line-height":r.BodyLargeLineHeight,"input-text-size":r.BodyLargeSize,"input-text-weight":r.BodyLargeWeight,"input-text-tracking":r.BodyLargeTracking,"hovered-state-layer-color":e.OnSurface,"hovered-state-layer-opacity":i.HoveredStateLayerOpacity,"hovered-supporting-text-color":e.OnSurfaceVariant,"Pressed-state-layer-color":e.OnSurface,"Pressed-state-layer-opacity":i.PressedStateLayerOpacity,"Pressed-supporting-text-color":e.OnSurfaceVariant,"focused-indicator-color":e.Secondary,"focused-indicator-thickness":i.FocusIndicator.Thickness,"focused-indicator-offset":i.FocusIndicator.OuterOffset,...o("--mdc-search-bar",{"avatar-shape":a.Full,"container-shape":a.Full},"all",!1)};export{n as SearchBarDefinition};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
export declare const SliderDefinition: {
|
|
2
|
+
readonly 'extra-small-active-track-height': "16px";
|
|
3
|
+
readonly 'extra-small-active-track-leading-shape': "8px";
|
|
4
|
+
readonly 'extra-small-inactive-track-height': "16px";
|
|
5
|
+
readonly 'extra-small-inactive-track-trailing-shape': "8px";
|
|
6
|
+
readonly 'extra-small-active-handle-height': "44px";
|
|
7
|
+
readonly 'small-active-track-height': "24px";
|
|
8
|
+
readonly 'small-active-track-leading-shape': "8px";
|
|
9
|
+
readonly 'small-inactive-track-height': "24px";
|
|
10
|
+
readonly 'small-inactive-track-trailing-shape': "8px";
|
|
11
|
+
readonly 'small-active-handle-height': "44px";
|
|
12
|
+
readonly 'medium-active-track-height': "40px";
|
|
13
|
+
readonly 'medium-active-track-leading-shape': "12px";
|
|
14
|
+
readonly 'medium-inactive-track-height': "40px";
|
|
15
|
+
readonly 'medium-inactive-track-trailing-shape': "12px";
|
|
16
|
+
readonly 'medium-active-handle-height': "44px";
|
|
17
|
+
readonly 'large-active-track-height': "56px";
|
|
18
|
+
readonly 'large-active-track-leading-shape': "16px";
|
|
19
|
+
readonly 'large-inactive-track-height': "56px";
|
|
20
|
+
readonly 'large-inactive-track-trailing-shape': "16px";
|
|
21
|
+
readonly 'large-active-handle-height': "68px";
|
|
22
|
+
readonly 'extra-large-active-track-height': "96px";
|
|
23
|
+
readonly 'extra-large-active-track-leading-shape': "28px";
|
|
24
|
+
readonly 'extra-large-inactive-track-height': "96px";
|
|
25
|
+
readonly 'extra-large-inactive-track-trailing-shape': "28px";
|
|
26
|
+
readonly 'extra-large-active-handle-height': "108px";
|
|
27
|
+
readonly 'medium-icon-padding': "6px";
|
|
28
|
+
readonly 'medium-icon-size': "24px";
|
|
29
|
+
readonly 'large-icon-padding': "6px";
|
|
30
|
+
readonly 'large-icon-size': "24px";
|
|
31
|
+
readonly 'extra-large-icon-padding': "8px";
|
|
32
|
+
readonly 'extra-large-icon-size': "32px";
|
|
33
|
+
readonly 'stop-indicator-size': "4px";
|
|
34
|
+
readonly 'stop-indicator-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
|
|
35
|
+
readonly 'stop-indicator-trailing-space': "4px";
|
|
36
|
+
readonly 'active-stop-indicator-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
|
|
37
|
+
readonly 'inactive-stop-indicator-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
|
|
38
|
+
readonly 'active-stop-indicator-container-color': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
|
|
39
|
+
readonly 'active-stop-indicator-container-opacity': "1";
|
|
40
|
+
readonly 'inactive-stop-indicator-container-color': "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
|
|
41
|
+
readonly 'inactive-stop-indicator-container-opacity': "1";
|
|
42
|
+
readonly 'active-track-inner-corner-size': "2px";
|
|
43
|
+
readonly 'active-track-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
44
|
+
readonly 'inactive-track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
|
|
45
|
+
readonly 'handle-width': "4px";
|
|
46
|
+
readonly 'active-handle-width': "4px";
|
|
47
|
+
readonly 'handle-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
|
|
48
|
+
readonly 'active-handle-shape': "var(--md-sys-shape-corner-full, calc(infinity * 1px))";
|
|
49
|
+
readonly 'handle-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
50
|
+
readonly 'active-handle-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
51
|
+
readonly 'active-handle-leading-space': "6px";
|
|
52
|
+
readonly 'active-handle-trailing-space': "6px";
|
|
53
|
+
readonly 'active-handle-padding': "6px";
|
|
54
|
+
readonly 'disabled-active-stop-indicator-color': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
|
|
55
|
+
readonly 'disabled-inactive-stop-indicator-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
56
|
+
readonly 'disabled-active-track-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
57
|
+
readonly 'disabled-inactive-track-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
58
|
+
readonly 'disabled-active-track-opacity': "0.38";
|
|
59
|
+
readonly 'disabled-inactive-track-opacity': "0.12";
|
|
60
|
+
readonly 'disabled-handle-color': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
61
|
+
readonly 'disabled-handle-opacity': "0.38";
|
|
62
|
+
readonly 'disabled-handle-width': "4px";
|
|
63
|
+
readonly 'hover-handle-width': "4px";
|
|
64
|
+
readonly 'focus-active-track-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
65
|
+
readonly 'focus-inactive-track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
|
|
66
|
+
readonly 'focus-handle-width': "2px";
|
|
67
|
+
readonly 'pressed-handle-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
68
|
+
readonly 'pressed-handle-width': "2px";
|
|
69
|
+
readonly 'pressed-active-track-color': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
70
|
+
readonly 'pressed-inactive-track-color': "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
|
|
71
|
+
readonly 'pressed-inactive-container-color': "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))";
|
|
72
|
+
readonly 'pressed-value-indicator-label-color': "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
|
|
73
|
+
readonly 'pressed-value-indicator-label-font': "Roboto";
|
|
74
|
+
readonly 'pressed-value-indicator-label-line-height': "20px";
|
|
75
|
+
readonly 'pressed-value-indicator-label-size': "14px";
|
|
76
|
+
readonly 'pressed-value-indicator-label-tracking': "0.1px";
|
|
77
|
+
readonly 'pressed-value-indicator-label-weight': "500";
|
|
78
|
+
readonly 'pressed-value-indicator-active-bottom-space': "12px";
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=slider.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/slider.definition.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFnB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{C as a}from"../color-CigMJnjV.js";import{S as e}from"../shape-CrZ0CLVJ.js";import{T as i}from"../typescale-Bh1NLwSE.js";const t={"extra-small-active-track-height":"16px","extra-small-active-track-leading-shape":"8px","extra-small-inactive-track-height":"16px","extra-small-inactive-track-trailing-shape":"8px","extra-small-active-handle-height":"44px","small-active-track-height":"24px","small-active-track-leading-shape":"8px","small-inactive-track-height":"24px","small-inactive-track-trailing-shape":"8px","small-active-handle-height":"44px","medium-active-track-height":"40px","medium-active-track-leading-shape":"12px","medium-inactive-track-height":"40px","medium-inactive-track-trailing-shape":"12px","medium-active-handle-height":"44px","large-active-track-height":"56px","large-active-track-leading-shape":"16px","large-inactive-track-height":"56px","large-inactive-track-trailing-shape":"16px","large-active-handle-height":"68px","extra-large-active-track-height":"96px","extra-large-active-track-leading-shape":"28px","extra-large-inactive-track-height":"96px","extra-large-inactive-track-trailing-shape":"28px","extra-large-active-handle-height":"108px","medium-icon-padding":"6px","medium-icon-size":"24px","large-icon-padding":"6px","large-icon-size":"24px","extra-large-icon-padding":"8px","extra-large-icon-size":"32px","stop-indicator-size":"4px","stop-indicator-shape":e.Full,"stop-indicator-trailing-space":"4px","active-stop-indicator-color":a.OnSecondaryContainer,"inactive-stop-indicator-color":a.OnPrimary,"active-stop-indicator-container-color":a.OnPrimary,"active-stop-indicator-container-opacity":"1","inactive-stop-indicator-container-color":a.OnSecondaryContainer,"inactive-stop-indicator-container-opacity":"1","active-track-inner-corner-size":"2px","active-track-color":a.Primary,"inactive-track-color":a.SecondaryContainer,"handle-width":"4px","active-handle-width":"4px","handle-shape":e.Full,"active-handle-shape":e.Full,"handle-color":a.Primary,"active-handle-color":a.Primary,"active-handle-leading-space":"6px","active-handle-trailing-space":"6px","active-handle-padding":"6px","disabled-active-stop-indicator-color":a.InverseOnSurface,"disabled-inactive-stop-indicator-color":a.OnSurface,"disabled-active-track-color":a.OnSurface,"disabled-inactive-track-color":a.OnSurface,"disabled-active-track-opacity":"0.38","disabled-inactive-track-opacity":"0.12","disabled-handle-color":a.OnSurface,"disabled-handle-opacity":"0.38","disabled-handle-width":"4px","hover-handle-width":"4px","focus-active-track-color":a.Primary,"focus-inactive-track-color":a.SecondaryContainer,"focus-handle-width":"2px","pressed-handle-color":a.Primary,"pressed-handle-width":"2px","pressed-active-track-color":a.Primary,"pressed-inactive-track-color":a.SecondaryContainer,"pressed-inactive-container-color":a.InverseSurface,"pressed-value-indicator-label-color":a.InverseOnSurface,"pressed-value-indicator-label-font":i.LabelLargeFont,"pressed-value-indicator-label-line-height":i.LabelLargeLineHeight,"pressed-value-indicator-label-size":i.LabelLargeSize,"pressed-value-indicator-label-tracking":i.LabelLargeTracking,"pressed-value-indicator-label-weight":i.LabelLargeWeight,"pressed-value-indicator-active-bottom-space":"12px"};export{t as SliderDefinition};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
export declare const SwitchDefinition: {
|
|
2
|
+
readonly 'icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
3
|
+
readonly 'icon-size-selected': "16px";
|
|
4
|
+
readonly 'icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
5
|
+
readonly 'icon-size-unselected': "16px";
|
|
6
|
+
readonly 'track-height': "32px";
|
|
7
|
+
readonly 'track-width': "52px";
|
|
8
|
+
readonly 'track-outline-color': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
9
|
+
readonly 'track-outline-width': "2px";
|
|
10
|
+
readonly 'track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
11
|
+
readonly 'track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
12
|
+
readonly 'handle-height-selected': "24px";
|
|
13
|
+
readonly 'handle-height-unselected': "16px";
|
|
14
|
+
readonly 'with-icon-handle-height': "24px";
|
|
15
|
+
readonly 'handle-width-selected': "24px";
|
|
16
|
+
readonly 'handle-width-unselected': "16px";
|
|
17
|
+
readonly 'with-icon-handle-width': "24px";
|
|
18
|
+
readonly 'handle-color-selected': "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
|
|
19
|
+
readonly 'handle-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
20
|
+
readonly 'state-layer-size': "40px";
|
|
21
|
+
readonly 'disabled-icon-color-selected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
22
|
+
readonly 'disabled-icon-opacity-selected': "0.38";
|
|
23
|
+
readonly 'disabled-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
24
|
+
readonly 'disabled-icon-opacity-unselected': "0.38";
|
|
25
|
+
readonly 'disabled-track-opacity': "0.12";
|
|
26
|
+
readonly 'disabled-track-color-selected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
27
|
+
readonly 'disabled-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
28
|
+
readonly 'disabled-track-outline-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
29
|
+
readonly 'disabled-handle-opacity-unselected': "0.38";
|
|
30
|
+
readonly 'disabled-handle-opacity-selected': "1";
|
|
31
|
+
readonly 'disabled-handle-color-selected': "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))";
|
|
32
|
+
readonly 'disabled-handle-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
33
|
+
readonly 'hovered-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
34
|
+
readonly 'hovered-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
35
|
+
readonly 'hovered-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
36
|
+
readonly 'hovered-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
37
|
+
readonly 'hovered-state-layer-opacity-selected': "0.08";
|
|
38
|
+
readonly 'hovered-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
39
|
+
readonly 'hovered-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
40
|
+
readonly 'hovered-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
41
|
+
readonly 'hovered-state-layer-opacity-unselected': "0.08";
|
|
42
|
+
readonly 'hovered-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
|
|
43
|
+
readonly 'hovered-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
44
|
+
readonly 'focused-indicator-color': "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
|
|
45
|
+
readonly 'focused-indicator-thickness': "3px";
|
|
46
|
+
readonly 'focused-indicator-offset': "2px";
|
|
47
|
+
readonly 'focused-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
48
|
+
readonly 'focused-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
49
|
+
readonly 'focused-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
50
|
+
readonly 'focused-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
51
|
+
readonly 'focused-state-layer-opacity-selected': "0.12";
|
|
52
|
+
readonly 'focused-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
53
|
+
readonly 'focused-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
54
|
+
readonly 'focused-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
55
|
+
readonly 'focused-state-layer-opacity-unselected': "0.12";
|
|
56
|
+
readonly 'focused-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
|
|
57
|
+
readonly 'focused-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
58
|
+
readonly 'pressed-icon-color-selected': "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
|
|
59
|
+
readonly 'pressed-icon-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
60
|
+
readonly 'pressed-track-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
61
|
+
readonly 'pressed-state-layer-color-selected': "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
|
|
62
|
+
readonly 'pressed-state-layer-opacity-selected': "0.12";
|
|
63
|
+
readonly 'pressed-track-color-unselected': "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
|
|
64
|
+
readonly 'pressed-track-outline-color-unselected': "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
|
|
65
|
+
readonly 'pressed-state-layer-color-unselected': "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
|
|
66
|
+
readonly 'pressed-state-layer-opacity-unselected': "0.12";
|
|
67
|
+
readonly 'pressed-handle-color-selected': "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
|
|
68
|
+
readonly 'pressed-handle-color-unselected': "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
|
|
69
|
+
readonly 'pressed-handle-height': "28px";
|
|
70
|
+
readonly 'pressed-handle-width': "28px";
|
|
71
|
+
readonly "state-layer-shape-start-start": string;
|
|
72
|
+
readonly "state-layer-shape-start-end": string;
|
|
73
|
+
readonly "state-layer-shape-end-end": string;
|
|
74
|
+
readonly "state-layer-shape-end-start": string;
|
|
75
|
+
readonly "track-shape-start-start": string;
|
|
76
|
+
readonly "track-shape-start-end": string;
|
|
77
|
+
readonly "track-shape-end-end": string;
|
|
78
|
+
readonly "track-shape-end-start": string;
|
|
79
|
+
readonly "handle-shape-start-start": string;
|
|
80
|
+
readonly "handle-shape-start-end": string;
|
|
81
|
+
readonly "handle-shape-end-end": string;
|
|
82
|
+
readonly "handle-shape-end-start": string;
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=switch.definition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.definition.d.ts","sourceRoot":"","sources":["../../src/component-definitions/switch.definition.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFnB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{C as e}from"../color-CigMJnjV.js";import{S as t}from"../shape-CrZ0CLVJ.js";import{S as c}from"../state-C-haZXan.js";import{createLogicShapeTokens as r}from"../utils/tokens/create-logic-shape-tokens.js";import"../lit-element-Ho-VPzO1.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
5
|
+
* SPDX-License-Identifier: MIT
|
|
6
|
+
*/const o={...r("--mdc-switch",{"track-shape":t.Full,"handle-shape":t.Full,"state-layer-shape":t.Full},"all",!1),"icon-color-selected":e.OnPrimaryContainer,"icon-size-selected":"16px","icon-color-unselected":e.SurfaceContainerHighest,"icon-size-unselected":"16px","track-height":"32px","track-width":"52px","track-outline-color":e.Outline,"track-outline-width":"2px","track-color-selected":e.Primary,"track-color-unselected":e.SurfaceContainerHighest,"handle-height-selected":"24px","handle-height-unselected":"16px","with-icon-handle-height":"24px","handle-width-selected":"24px","handle-width-unselected":"16px","with-icon-handle-width":"24px","handle-color-selected":e.OnPrimary,"handle-color-unselected":e.Outline,"state-layer-size":"40px","disabled-icon-color-selected":e.OnSurface,"disabled-icon-opacity-selected":"0.38","disabled-icon-color-unselected":e.SurfaceContainerHighest,"disabled-icon-opacity-unselected":"0.38","disabled-track-opacity":"0.12","disabled-track-color-selected":e.OnSurface,"disabled-track-color-unselected":e.SurfaceContainerHighest,"disabled-track-outline-color-unselected":e.OnSurface,"disabled-handle-opacity-unselected":"0.38","disabled-handle-opacity-selected":"1","disabled-handle-color-selected":e.Surface,"disabled-handle-color-unselected":e.OnSurface,"hovered-icon-color-selected":e.OnPrimaryContainer,"hovered-icon-color-unselected":e.SurfaceContainerHighest,"hovered-track-color-selected":e.Primary,"hovered-state-layer-color-selected":e.Primary,"hovered-state-layer-opacity-selected":c.HoveredStateLayerOpacity,"hovered-track-color-unselected":e.SurfaceContainerHighest,"hovered-track-outline-color-unselected":e.Outline,"hovered-state-layer-color-unselected":e.OnSurface,"hovered-state-layer-opacity-unselected":c.HoveredStateLayerOpacity,"hovered-handle-color-selected":e.PrimaryContainer,"hovered-handle-color-unselected":e.OnSurfaceVariant,"focused-indicator-color":e.Secondary,"focused-indicator-thickness":c.FocusIndicator.Thickness,"focused-indicator-offset":c.FocusIndicator.OuterOffset,"focused-icon-color-selected":e.OnPrimaryContainer,"focused-icon-color-unselected":e.SurfaceContainerHighest,"focused-track-color-selected":e.Primary,"focused-state-layer-color-selected":e.Primary,"focused-state-layer-opacity-selected":c.FocusedStateLayerOpacity,"focused-track-color-unselected":e.SurfaceContainerHighest,"focused-track-outline-color-unselected":e.Outline,"focused-state-layer-color-unselected":e.OnSurface,"focused-state-layer-opacity-unselected":c.FocusedStateLayerOpacity,"focused-handle-color-selected":e.PrimaryContainer,"focused-handle-color-unselected":e.OnSurfaceVariant,"pressed-icon-color-selected":e.OnPrimaryContainer,"pressed-icon-color-unselected":e.SurfaceContainerHighest,"pressed-track-color-selected":e.Primary,"pressed-state-layer-color-selected":e.Primary,"pressed-state-layer-opacity-selected":c.PressedStateLayerOpacity,"pressed-track-color-unselected":e.SurfaceContainerHighest,"pressed-track-outline-color-unselected":e.Outline,"pressed-state-layer-color-unselected":e.OnSurface,"pressed-state-layer-opacity-unselected":c.PressedStateLayerOpacity,"pressed-handle-color-selected":e.PrimaryContainer,"pressed-handle-color-unselected":e.OnSurfaceVariant,"pressed-handle-height":"28px","pressed-handle-width":"28px"};export{o as SwitchDefinition};
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2025 Kai-Orion & Sandlada
|
|
4
|
+
* SPDX-License-Identifier: MIT
|
|
5
|
+
*/
|
|
6
|
+
import { LitElement, type TemplateResult } from 'lit';
|
|
7
|
+
declare const BaseButton_base: import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement, import("../../utils/behaviors/element-internals").WithElementInternals>>;
|
|
8
|
+
/**
|
|
9
|
+
* Supports inserting icon and label buttons.
|
|
10
|
+
*
|
|
11
|
+
* There are two implementations:
|
|
12
|
+
* - mdc-button
|
|
13
|
+
* - mdc-toggle-button
|
|
14
|
+
*
|
|
15
|
+
* Available in 5 variants:
|
|
16
|
+
* - filled (default)
|
|
17
|
+
* - filled-tonal
|
|
18
|
+
* - elevated
|
|
19
|
+
* - outlined
|
|
20
|
+
* - text
|
|
21
|
+
*
|
|
22
|
+
* ```html
|
|
23
|
+
* <mdc-button variant="filled-tonal"></mdc-button>
|
|
24
|
+
* <mdc-toggle-button variant="filled-tonal"></mdc-toggle-button>
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* Available in 5 sizes:
|
|
28
|
+
* - extra-small
|
|
29
|
+
* - small (default)
|
|
30
|
+
* - medium
|
|
31
|
+
* - large
|
|
32
|
+
* - extra-large
|
|
33
|
+
*
|
|
34
|
+
* ```html
|
|
35
|
+
* <mdc-button size="medium"></mdc-button>
|
|
36
|
+
* <mdc-toggle-button size="medium"></mdc-toggle-button>
|
|
37
|
+
* ```
|
|
38
|
+
*
|
|
39
|
+
* Each button is available in 2 shapes:
|
|
40
|
+
* - round (default)
|
|
41
|
+
* - square
|
|
42
|
+
*
|
|
43
|
+
* ```html
|
|
44
|
+
* <mdc-button shape="round"></mdc-button>
|
|
45
|
+
* <mdc-toggle-button shape="square"></mdc-toggle-button>
|
|
46
|
+
* ```
|
|
47
|
+
*
|
|
48
|
+
* @see
|
|
49
|
+
* When passing in a tag, make sure your tag is an HTMLElement and not a text node:
|
|
50
|
+
*
|
|
51
|
+
* ```html
|
|
52
|
+
* <mdc-button>
|
|
53
|
+
* <span>Delete</span>
|
|
54
|
+
* <mdc-icon slot="icon">delete</mdc-icon>
|
|
55
|
+
* </mdc-button>
|
|
56
|
+
* ```
|
|
57
|
+
*
|
|
58
|
+
* @version
|
|
59
|
+
* Material Design 3 - Expressive
|
|
60
|
+
*
|
|
61
|
+
* @link
|
|
62
|
+
* https://m3.material.io/components/buttons/overview
|
|
63
|
+
* https://www.figma.com/design/4GM7ohCF2Qtjzs7Fra6jlp/Material-3-Design-Kit--Community-?node-id=57994-696&t=kLfic7eA8vKtkiiO-0
|
|
64
|
+
*/
|
|
65
|
+
export declare abstract class BaseButton extends BaseButton_base {
|
|
66
|
+
static styles: import("lit").CSSResult[];
|
|
67
|
+
variant: 'filled' | 'filled-tonal' | 'elevated' | 'outlined' | 'text';
|
|
68
|
+
size: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
|
69
|
+
trailingIcon: boolean;
|
|
70
|
+
shape: 'round' | 'square';
|
|
71
|
+
abstract disabled: boolean;
|
|
72
|
+
disableMorph: boolean;
|
|
73
|
+
protected hasIcon: boolean;
|
|
74
|
+
protected hasLabel: boolean;
|
|
75
|
+
protected readonly buttonElement: HTMLElement | null;
|
|
76
|
+
focus(): void;
|
|
77
|
+
blur(): void;
|
|
78
|
+
constructor();
|
|
79
|
+
protected getRenderClasses(): {
|
|
80
|
+
[x: string]: boolean;
|
|
81
|
+
container: boolean;
|
|
82
|
+
'has-icon': boolean;
|
|
83
|
+
'has-label': boolean;
|
|
84
|
+
'disable-morph': boolean;
|
|
85
|
+
disabled: boolean;
|
|
86
|
+
};
|
|
87
|
+
protected render(): TemplateResult;
|
|
88
|
+
protected renderBackground(): TemplateResult<1>;
|
|
89
|
+
protected renderElevation(): unknown;
|
|
90
|
+
protected renderOutline(): unknown;
|
|
91
|
+
protected renderContent(): TemplateResult<1>;
|
|
92
|
+
protected renderIcon(): TemplateResult<1>;
|
|
93
|
+
protected renderLabel(): TemplateResult<1>;
|
|
94
|
+
protected renderTouchTarget(): TemplateResult<1>;
|
|
95
|
+
protected handleClick(e: MouseEvent): void;
|
|
96
|
+
private handleIconSlotChange;
|
|
97
|
+
private handleLabelSlotChange;
|
|
98
|
+
}
|
|
99
|
+
export {};
|
|
100
|
+
//# sourceMappingURL=base-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/base-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAkB,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;;AAS9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,8BAAsB,UAAW,SAAQ,eAAqD;IAE1F,OAAgB,MAAM,4BAAe;IAG9B,OAAO,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAW;IAGhF,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAU;IAG5E,YAAY,UAAQ;IAGpB,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAU;IAE1C,SAAgB,QAAQ,EAAE,OAAO,CAAA;IAG1B,YAAY,EAAE,OAAO,CAAQ;IAGpC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAQ;IAElC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAQ;IAGnC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAG,WAAW,GAAG,IAAI,CAAA;IAErC,KAAK;IAGL,IAAI;;IAYpB,SAAS,CAAC,gBAAgB;;;;;;;;cAaP,MAAM,IAAI,cAAc;IAsB3C,SAAS,CAAC,gBAAgB;IAM1B,SAAS,CAAC,eAAe,IAAI,OAAO;IAMpC,SAAS,CAAC,aAAa,IAAI,OAAO;IAMlC,SAAS,CAAC,aAAa;IAQvB,SAAS,CAAC,UAAU;IAQpB,SAAS,CAAC,WAAW;IAQrB,SAAS,CAAC,iBAAiB;IAM3B,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAanC,OAAO,CAAC,oBAAoB;IAG5B,OAAO,CAAC,qBAAqB;CAIhC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{E as e,x as i,i as s}from"../../lit-element-Ho-VPzO1.js";import{n as r}from"../../property-Ck1wIidx.js";import{r as a}from"../../state--U2hSgGK.js";import{e as n}from"../../query-DifSdHBD.js";import{e as o}from"../../class-map-DlMb2KKL.js";import{mixinDelegatesAria as l}from"../../utils/aria/delegate.js";import{mixinElementInternals as d}from"../../utils/behaviors/element-internals.js";import{isActivationClick as p,dispatchActivationClick as h}from"../../utils/event/form-label-activation.js";import{buttonStyles as c}from"./button.style.js";import"../../utils/aria/aria.js";import"../../component-definitions/button.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";class u extends(l(d(s))){static{this.styles=c}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}constructor(){super(),this.variant="filled",this.size="small",this.trailingIcon=!1,this.shape="round",this.disableMorph=!1,this.hasIcon=!1,this.hasLabel=!1,this.addEventListener("click",this.handleClick.bind(this))}getRenderClasses(){return{container:!0,[this.variant]:!0,[this.shape]:!0,[this.size]:!0,"has-icon":this.hasIcon,"has-label":this.hasLabel,"disable-morph":this.disableMorph,disabled:this.disabled}}render(){const{ariaHasPopup:t,ariaExpanded:s,ariaLabel:r}=this;return i`<button class="${o(this.getRenderClasses())}" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-label="${r||e}" aria-haspopup="${t||e}" aria-expanded="${s||e}">${"outlined"===this.variant?this.renderOutline():e} ${["elevated","filled","filled-tonal"].includes(this.variant)?this.renderElevation():e} ${this.renderContent()} ${this.renderTouchTarget()} ${this.renderBackground()}<mdc-ripple part="ripple" ?disabled="${this.disabled}"></mdc-ripple><mdc-focus-ring part="focus-ring"></mdc-focus-ring></button>`}renderBackground(){return i`<span class="background" aria-hidden="true"></span>`}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}renderOutline(){return i`<span class="outline" aria-hidden="true"></span>`}renderContent(){return i`${this.trailingIcon?e:this.renderIcon()} ${this.renderLabel()} ${this.trailingIcon?this.renderIcon():e}`}renderIcon(){return i`<span class="icon" aria-hidden="true"><slot name="icon" @slotchange="${this.handleIconSlotChange}"></slot></span>`}renderLabel(){return i`<span class="label"><slot @slotchange="${this.handleLabelSlotChange}"></slot></span>`}renderTouchTarget(){return i`<span class="touch-target" aria-hidden="true"></span>`}handleClick(t){if(this.disabled)return t.stopImmediatePropagation(),void t.preventDefault();p(t)&&this.buttonElement&&(this.focus(),h(this.buttonElement))}handleIconSlotChange(t){this.hasIcon=t.target.assignedElements().length>0}handleLabelSlotChange(t){this.hasLabel=t.target.assignedElements().length>0}}t([r({type:String,reflect:!1})],u.prototype,"variant",void 0),t([r({type:String,reflect:!1})],u.prototype,"size",void 0),t([r({type:Boolean,attribute:"trailing-icon"})],u.prototype,"trailingIcon",void 0),t([r({type:String})],u.prototype,"shape",void 0),t([r({type:Boolean,attribute:"disable-morph"})],u.prototype,"disableMorph",void 0),t([a()],u.prototype,"hasIcon",void 0),t([a()],u.prototype,"hasLabel",void 0),t([n(".container")],u.prototype,"buttonElement",void 0);export{u as BaseButton};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type FormSubmitter, type FormSubmitterType } from '../../utils/controller/form-submitter';
|
|
2
|
+
import { BaseButton } from './base-button';
|
|
3
|
+
/**
|
|
4
|
+
* The normal Button class does not implement the function of the anchor element.
|
|
5
|
+
* Because you only need to wrap the Button component with <a></a>.
|
|
6
|
+
*
|
|
7
|
+
* @see
|
|
8
|
+
* Note:
|
|
9
|
+
* Please set the tabindex of the a element that wraps the button component to -1.
|
|
10
|
+
* ```html
|
|
11
|
+
* <a tabindex="-1" href="#a">
|
|
12
|
+
* <mdc-button shape="square">
|
|
13
|
+
* <span>Link Button</span>
|
|
14
|
+
* </mdc-button>
|
|
15
|
+
* </a>
|
|
16
|
+
* ```
|
|
17
|
+
*
|
|
18
|
+
* @version
|
|
19
|
+
* Material Design 3 - Expressive
|
|
20
|
+
*
|
|
21
|
+
* @link
|
|
22
|
+
* https://m3.material.io/components/buttons/overview
|
|
23
|
+
* https://www.figma.com/design/4GM7ohCF2Qtjzs7Fra6jlp/Material-3-Design-Kit--Community-?node-id=57994-2227&t=kLfic7eA8vKtkiiO-0
|
|
24
|
+
*/
|
|
25
|
+
export declare class MDCButton extends BaseButton implements FormSubmitter {
|
|
26
|
+
static readonly formAssociated = true;
|
|
27
|
+
get name(): string;
|
|
28
|
+
set name(name: string);
|
|
29
|
+
get form(): HTMLFormElement | null;
|
|
30
|
+
type: FormSubmitterType;
|
|
31
|
+
value: string;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAsB,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACtH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,SAAU,SAAQ,UAAW,YAAW,aAAa;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IAKrC,IAAW,IAAI,IAGO,MAAM,CAD3B;IACD,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED,IAAW,IAAI,2BAEd;IAGM,IAAI,EAAE,iBAAiB,CAAW;IAGlC,KAAK,EAAE,MAAM,CAAK;IAGlB,QAAQ,EAAE,OAAO,CAAQ;CAEnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as e}from"../../custom-element-Dz3n6kSt.js";import{n as s}from"../../property-Ck1wIidx.js";import{internals as o}from"../../utils/behaviors/element-internals.js";import{setupFormSubmitter as i}from"../../utils/controller/form-submitter.js";import{BaseButton as r}from"./base-button.js";import"../../lit-element-Ho-VPzO1.js";import"../../state--U2hSgGK.js";import"../../query-DifSdHBD.js";import"../../class-map-DlMb2KKL.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"./button.style.js";import"../../component-definitions/button.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";var m;let p=class extends r{constructor(){super(...arguments),this.type="submit",this.value="",this.disabled=!1}static{m=this}static{this.formAssociated=!0}static{i(m)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[o].form}};t([s({type:String})],p.prototype,"type",void 0),t([s({type:String,reflect:!0})],p.prototype,"value",void 0),t([s({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),p=m=t([e("mdc-button")],p);export{p as MDCButton};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.style.ts"],"names":[],"mappings":"AAshBA,eAAO,MAAM,YAAY,2BAUxB,CAAA"}
|