@cck-ui/core 0.2.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/LICENSE +13 -0
- package/cjs/_virtual/_/plugin-vue/export-helper.cjs +9 -0
- package/cjs/_virtual/_rolldown/runtime.cjs +24 -0
- package/cjs/components/button/button-group/button-group.cjs +382 -0
- package/cjs/components/button/button-group/button-group.cjs.map +1 -0
- package/cjs/components/button/button-group/use-button-group.cjs +34 -0
- package/cjs/components/button/button-group/use-button-group.cjs.map +1 -0
- package/cjs/components/button/button-group-section/button-group-section.cjs +399 -0
- package/cjs/components/button/button-group-section/button-group-section.cjs.map +1 -0
- package/cjs/components/button/button.cjs +520 -0
- package/cjs/components/button/button.cjs.map +1 -0
- package/cjs/components/button/button.module.cjs +15 -0
- package/cjs/components/button/button.module.cjs.map +1 -0
- package/cjs/components/button/index.cjs +19 -0
- package/cjs/components/button/index.cjs.map +1 -0
- package/cjs/components/grid/col/col-custom.cjs +75 -0
- package/cjs/components/grid/col/col-custom.cjs.map +1 -0
- package/cjs/components/grid/col/col.cjs +395 -0
- package/cjs/components/grid/col/col.cjs.map +1 -0
- package/cjs/components/grid/grid-custom.cjs +41 -0
- package/cjs/components/grid/grid-custom.cjs.map +1 -0
- package/cjs/components/grid/grid.cjs +484 -0
- package/cjs/components/grid/grid.cjs.map +1 -0
- package/cjs/components/grid/grid.constants.cjs +7 -0
- package/cjs/components/grid/grid.constants.cjs.map +1 -0
- package/cjs/components/grid/grid.module.cjs +12 -0
- package/cjs/components/grid/grid.module.cjs.map +1 -0
- package/cjs/components/grid/index.cjs +13 -0
- package/cjs/components/grid/index.cjs.map +1 -0
- package/cjs/components/group/filter-falsy-children/filter-falsy-children.cjs +19 -0
- package/cjs/components/group/filter-falsy-children/filter-falsy-children.cjs.map +1 -0
- package/cjs/components/group/group.cjs +429 -0
- package/cjs/components/group/group.cjs.map +1 -0
- package/cjs/components/group/group.module.cjs +7 -0
- package/cjs/components/group/group.module.cjs.map +1 -0
- package/cjs/components/group/index.cjs +10 -0
- package/cjs/components/group/index.cjs.map +1 -0
- package/cjs/components/loader/index.cjs +19 -0
- package/cjs/components/loader/index.cjs.map +1 -0
- package/cjs/components/loader/loader.cjs +407 -0
- package/cjs/components/loader/loader.cjs.map +1 -0
- package/cjs/components/loader/loader.module.cjs +17 -0
- package/cjs/components/loader/loader.module.cjs.map +1 -0
- package/cjs/components/loader/loaders/bars.cjs +353 -0
- package/cjs/components/loader/loaders/bars.cjs.map +1 -0
- package/cjs/components/loader/loaders/dots.cjs +353 -0
- package/cjs/components/loader/loaders/dots.cjs.map +1 -0
- package/cjs/components/loader/loaders/oval.cjs +343 -0
- package/cjs/components/loader/loaders/oval.cjs.map +1 -0
- package/cjs/components/loader/use-loader.cjs +10 -0
- package/cjs/components/loader/use-loader.cjs.map +1 -0
- package/cjs/components/simple-grid/index.cjs +10 -0
- package/cjs/components/simple-grid/index.cjs.map +1 -0
- package/cjs/components/simple-grid/simple-grid-custom.cjs +95 -0
- package/cjs/components/simple-grid/simple-grid-custom.cjs.map +1 -0
- package/cjs/components/simple-grid/simple-grid.cjs +431 -0
- package/cjs/components/simple-grid/simple-grid.cjs.map +1 -0
- package/cjs/components/simple-grid/simple-grid.module.cjs +10 -0
- package/cjs/components/simple-grid/simple-grid.module.cjs.map +1 -0
- package/cjs/components/text/index.cjs +10 -0
- package/cjs/components/text/index.cjs.map +1 -0
- package/cjs/components/text/text.cjs +435 -0
- package/cjs/components/text/text.cjs.map +1 -0
- package/cjs/components/text/text.module.cjs +7 -0
- package/cjs/components/text/text.module.cjs.map +1 -0
- package/cjs/components/unstyled-button/index.cjs +10 -0
- package/cjs/components/unstyled-button/index.cjs.map +1 -0
- package/cjs/components/unstyled-button/unstyled-button.cjs +369 -0
- package/cjs/components/unstyled-button/unstyled-button.cjs.map +1 -0
- package/cjs/components/unstyled-button/unstyled-button.module.cjs +7 -0
- package/cjs/components/unstyled-button/unstyled-button.module.cjs.map +1 -0
- package/cjs/core/box/box.cjs +416 -0
- package/cjs/core/box/box.cjs.map +1 -0
- package/cjs/core/box/get-box-mod/get-box-mod.cjs +27 -0
- package/cjs/core/box/get-box-mod/get-box-mod.cjs.map +1 -0
- package/cjs/core/box/get-box-style/get-box-style.cjs +24 -0
- package/cjs/core/box/get-box-style/get-box-style.cjs.map +1 -0
- package/cjs/core/box/index.cjs +18 -0
- package/cjs/core/box/index.cjs.map +1 -0
- package/cjs/core/box/style-props/extract-style-props/extract-style-props.cjs +74 -0
- package/cjs/core/box/style-props/extract-style-props/extract-style-props.cjs.map +1 -0
- package/cjs/core/box/style-props/parse-style-props/parse-style-props.cjs +62 -0
- package/cjs/core/box/style-props/parse-style-props/parse-style-props.cjs.map +1 -0
- package/cjs/core/box/style-props/parse-style-props/sort-media-queries.cjs +19 -0
- package/cjs/core/box/style-props/parse-style-props/sort-media-queries.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/border-resolver/border-resolver.cjs +19 -0
- package/cjs/core/box/style-props/resolvers/border-resolver/border-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/color-resolver/color-resolver.cjs +25 -0
- package/cjs/core/box/style-props/resolvers/color-resolver/color-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.cjs +17 -0
- package/cjs/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/font-size-resolver/font-size-resolver.cjs +22 -0
- package/cjs/core/box/style-props/resolvers/font-size-resolver/font-size-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/identity-resolver/identity-resolver.cjs +9 -0
- package/cjs/core/box/style-props/resolvers/identity-resolver/identity-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/index.cjs +27 -0
- package/cjs/core/box/style-props/resolvers/index.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/line-height-resolver/line-height-resolver.cjs +19 -0
- package/cjs/core/box/style-props/resolvers/line-height-resolver/line-height-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/radius-resolver/radius-resolver.cjs +13 -0
- package/cjs/core/box/style-props/resolvers/radius-resolver/radius-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/size-resolver/size-resolver.cjs +11 -0
- package/cjs/core/box/style-props/resolvers/size-resolver/size-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/resolvers/spacing-resolver/spacing-resolver.cjs +17 -0
- package/cjs/core/box/style-props/resolvers/spacing-resolver/spacing-resolver.cjs.map +1 -0
- package/cjs/core/box/style-props/style-props-data.cjs +224 -0
- package/cjs/core/box/style-props/style-props-data.cjs.map +1 -0
- package/cjs/core/box/use-random-classname/use-random-classname.cjs +10 -0
- package/cjs/core/box/use-random-classname/use-random-classname.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/darken/darken.cjs +13 -0
- package/cjs/core/config-provider/color-functions/darken/darken.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs +172 -0
- package/cjs/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/get-gradient/get-gradient.cjs +17 -0
- package/cjs/core/config-provider/color-functions/get-gradient/get-gradient.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/get-primary-shade/get-primary-shade.cjs +11 -0
- package/cjs/core/config-provider/color-functions/get-primary-shade/get-primary-shade.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/get-theme-color/get-theme-color.cjs +14 -0
- package/cjs/core/config-provider/color-functions/get-theme-color/get-theme-color.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/luminance/luminance.cjs +29 -0
- package/cjs/core/config-provider/color-functions/luminance/luminance.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/parse-theme-color/parse-theme-color.cjs +57 -0
- package/cjs/core/config-provider/color-functions/parse-theme-color/parse-theme-color.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/rgba/rgba.cjs +18 -0
- package/cjs/core/config-provider/color-functions/rgba/rgba.cjs.map +1 -0
- package/cjs/core/config-provider/color-functions/to-rgba/to-rgba.cjs +110 -0
- package/cjs/core/config-provider/color-functions/to-rgba/to-rgba.cjs.map +1 -0
- package/cjs/core/config-provider/config-provider.cjs +75 -0
- package/cjs/core/config-provider/config-provider.cjs.map +1 -0
- package/cjs/core/config-provider/config-provider.context.cjs +45 -0
- package/cjs/core/config-provider/config-provider.context.cjs.map +1 -0
- package/cjs/core/config-provider/config-provider.types.cjs +9 -0
- package/cjs/core/config-provider/config-provider.types.cjs.map +1 -0
- package/cjs/core/config-provider/default-colors.cjs +175 -0
- package/cjs/core/config-provider/default-colors.cjs.map +1 -0
- package/cjs/core/config-provider/default-theme.cjs +117 -0
- package/cjs/core/config-provider/default-theme.cjs.map +1 -0
- package/cjs/core/config-provider/index.cjs +45 -0
- package/cjs/core/config-provider/index.cjs.map +1 -0
- package/cjs/core/responsive-style-manager/css-object-to-string/css-object-to-string.cjs +11 -0
- package/cjs/core/responsive-style-manager/css-object-to-string/css-object-to-string.cjs.map +1 -0
- package/cjs/core/responsive-style-manager/hash-styles.cjs +15 -0
- package/cjs/core/responsive-style-manager/hash-styles.cjs.map +1 -0
- package/cjs/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.cjs +14 -0
- package/cjs/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.cjs.map +1 -0
- package/cjs/core/responsive-style-manager/responsive-style-manager.cjs +52 -0
- package/cjs/core/responsive-style-manager/responsive-style-manager.cjs.map +1 -0
- package/cjs/core/responsive-style-manager/styles-to-string/styles-to-string.cjs +13 -0
- package/cjs/core/responsive-style-manager/styles-to-string/styles-to-string.cjs.map +1 -0
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.cjs +9 -0
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.cjs +53 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.cjs +21 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.cjs +15 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.cjs +15 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.cjs +9 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.cjs +9 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.cjs +10 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.cjs +12 -0
- package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.cjs +23 -0
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-style/get-style.cjs +26 -0
- package/cjs/core/styles-api/use-styles/get-style/get-style.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.cjs +18 -0
- package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.cjs +13 -0
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.cjs +18 -0
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/use-styles.cjs +104 -0
- package/cjs/core/styles-api/use-styles/use-styles.cjs.map +1 -0
- package/cjs/core/styles-api/use-styles/use-transformed-styles.cjs +26 -0
- package/cjs/core/styles-api/use-styles/use-transformed-styles.cjs.map +1 -0
- package/cjs/core/utils/camel-to-kebab-case/camel-to-kebab-case.cjs +9 -0
- package/cjs/core/utils/camel-to-kebab-case/camel-to-kebab-case.cjs.map +1 -0
- package/cjs/core/utils/color.cjs +112 -0
- package/cjs/core/utils/color.cjs.map +1 -0
- package/cjs/core/utils/dom/style.cjs +13 -0
- package/cjs/core/utils/dom/style.cjs.map +1 -0
- package/cjs/core/utils/filter-props/filter-props.cjs +12 -0
- package/cjs/core/utils/filter-props/filter-props.cjs.map +1 -0
- package/cjs/core/utils/get-base-value/get-base-value.cjs +13 -0
- package/cjs/core/utils/get-base-value/get-base-value.cjs.map +1 -0
- package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.cjs +11 -0
- package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.cjs.map +1 -0
- package/cjs/core/utils/get-size/get-size.cjs +34 -0
- package/cjs/core/utils/get-size/get-size.cjs.map +1 -0
- package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs +15 -0
- package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs.map +1 -0
- package/cjs/core/utils/is-number-like/is-number-like.cjs +15 -0
- package/cjs/core/utils/is-number-like/is-number-like.cjs.map +1 -0
- package/cjs/core/utils/keys/keys.cjs +9 -0
- package/cjs/core/utils/keys/keys.cjs.map +1 -0
- package/cjs/core/utils/number-like-string-to-number/number-like-string-to-number.cjs +11 -0
- package/cjs/core/utils/number-like-string-to-number/number-like-string-to-number.cjs.map +1 -0
- package/cjs/core/utils/types/index.cjs +15 -0
- package/cjs/core/utils/types/index.cjs.map +1 -0
- package/cjs/core/utils/units-converters/px.cjs +21 -0
- package/cjs/core/utils/units-converters/px.cjs.map +1 -0
- package/cjs/core/utils/units-converters/rem.cjs +34 -0
- package/cjs/core/utils/units-converters/rem.cjs.map +1 -0
- package/cjs/core/utils/vue/component.cjs +11 -0
- package/cjs/core/utils/vue/component.cjs.map +1 -0
- package/cjs/core/utils/vue/install.cjs +40 -0
- package/cjs/core/utils/vue/install.cjs.map +1 -0
- package/cjs/index.cjs +132 -0
- package/esm/_virtual/_/plugin-vue/export-helper.mjs +9 -0
- package/esm/components/button/button-group/button-group.mjs +382 -0
- package/esm/components/button/button-group/button-group.mjs.map +1 -0
- package/esm/components/button/button-group/use-button-group.mjs +33 -0
- package/esm/components/button/button-group/use-button-group.mjs.map +1 -0
- package/esm/components/button/button-group-section/button-group-section.mjs +399 -0
- package/esm/components/button/button-group-section/button-group-section.mjs.map +1 -0
- package/esm/components/button/button.mjs +520 -0
- package/esm/components/button/button.mjs.map +1 -0
- package/esm/components/button/button.module.mjs +15 -0
- package/esm/components/button/button.module.mjs.map +1 -0
- package/esm/components/button/index.mjs +16 -0
- package/esm/components/button/index.mjs.map +1 -0
- package/esm/components/grid/col/col-custom.mjs +75 -0
- package/esm/components/grid/col/col-custom.mjs.map +1 -0
- package/esm/components/grid/col/col.mjs +393 -0
- package/esm/components/grid/col/col.mjs.map +1 -0
- package/esm/components/grid/grid-custom.mjs +41 -0
- package/esm/components/grid/grid-custom.mjs.map +1 -0
- package/esm/components/grid/grid.constants.mjs +7 -0
- package/esm/components/grid/grid.constants.mjs.map +1 -0
- package/esm/components/grid/grid.mjs +484 -0
- package/esm/components/grid/grid.mjs.map +1 -0
- package/esm/components/grid/grid.module.mjs +12 -0
- package/esm/components/grid/grid.module.mjs.map +1 -0
- package/esm/components/grid/index.mjs +11 -0
- package/esm/components/grid/index.mjs.map +1 -0
- package/esm/components/group/filter-falsy-children/filter-falsy-children.mjs +19 -0
- package/esm/components/group/filter-falsy-children/filter-falsy-children.mjs.map +1 -0
- package/esm/components/group/group.mjs +429 -0
- package/esm/components/group/group.mjs.map +1 -0
- package/esm/components/group/group.module.mjs +7 -0
- package/esm/components/group/group.module.mjs.map +1 -0
- package/esm/components/group/index.mjs +9 -0
- package/esm/components/group/index.mjs.map +1 -0
- package/esm/components/loader/index.mjs +17 -0
- package/esm/components/loader/index.mjs.map +1 -0
- package/esm/components/loader/loader.mjs +407 -0
- package/esm/components/loader/loader.mjs.map +1 -0
- package/esm/components/loader/loader.module.mjs +17 -0
- package/esm/components/loader/loader.module.mjs.map +1 -0
- package/esm/components/loader/loaders/bars.mjs +351 -0
- package/esm/components/loader/loaders/bars.mjs.map +1 -0
- package/esm/components/loader/loaders/dots.mjs +351 -0
- package/esm/components/loader/loaders/dots.mjs.map +1 -0
- package/esm/components/loader/loaders/oval.mjs +341 -0
- package/esm/components/loader/loaders/oval.mjs.map +1 -0
- package/esm/components/loader/use-loader.mjs +10 -0
- package/esm/components/loader/use-loader.mjs.map +1 -0
- package/esm/components/simple-grid/index.mjs +9 -0
- package/esm/components/simple-grid/index.mjs.map +1 -0
- package/esm/components/simple-grid/simple-grid-custom.mjs +95 -0
- package/esm/components/simple-grid/simple-grid-custom.mjs.map +1 -0
- package/esm/components/simple-grid/simple-grid.mjs +431 -0
- package/esm/components/simple-grid/simple-grid.mjs.map +1 -0
- package/esm/components/simple-grid/simple-grid.module.mjs +10 -0
- package/esm/components/simple-grid/simple-grid.module.mjs.map +1 -0
- package/esm/components/text/index.mjs +9 -0
- package/esm/components/text/index.mjs.map +1 -0
- package/esm/components/text/text.mjs +435 -0
- package/esm/components/text/text.mjs.map +1 -0
- package/esm/components/text/text.module.mjs +7 -0
- package/esm/components/text/text.module.mjs.map +1 -0
- package/esm/components/unstyled-button/index.mjs +9 -0
- package/esm/components/unstyled-button/index.mjs.map +1 -0
- package/esm/components/unstyled-button/unstyled-button.mjs +369 -0
- package/esm/components/unstyled-button/unstyled-button.mjs.map +1 -0
- package/esm/components/unstyled-button/unstyled-button.module.mjs +7 -0
- package/esm/components/unstyled-button/unstyled-button.module.mjs.map +1 -0
- package/esm/core/box/box.mjs +414 -0
- package/esm/core/box/box.mjs.map +1 -0
- package/esm/core/box/get-box-mod/get-box-mod.mjs +26 -0
- package/esm/core/box/get-box-mod/get-box-mod.mjs.map +1 -0
- package/esm/core/box/get-box-style/get-box-style.mjs +24 -0
- package/esm/core/box/get-box-style/get-box-style.mjs.map +1 -0
- package/esm/core/box/index.mjs +13 -0
- package/esm/core/box/index.mjs.map +1 -0
- package/esm/core/box/style-props/extract-style-props/extract-style-props.mjs +74 -0
- package/esm/core/box/style-props/extract-style-props/extract-style-props.mjs.map +1 -0
- package/esm/core/box/style-props/parse-style-props/parse-style-props.mjs +62 -0
- package/esm/core/box/style-props/parse-style-props/parse-style-props.mjs.map +1 -0
- package/esm/core/box/style-props/parse-style-props/sort-media-queries.mjs +19 -0
- package/esm/core/box/style-props/parse-style-props/sort-media-queries.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/border-resolver/border-resolver.mjs +19 -0
- package/esm/core/box/style-props/resolvers/border-resolver/border-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/color-resolver/color-resolver.mjs +24 -0
- package/esm/core/box/style-props/resolvers/color-resolver/color-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.mjs +17 -0
- package/esm/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/font-size-resolver/font-size-resolver.mjs +22 -0
- package/esm/core/box/style-props/resolvers/font-size-resolver/font-size-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/identity-resolver/identity-resolver.mjs +9 -0
- package/esm/core/box/style-props/resolvers/identity-resolver/identity-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/index.mjs +27 -0
- package/esm/core/box/style-props/resolvers/index.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/line-height-resolver/line-height-resolver.mjs +19 -0
- package/esm/core/box/style-props/resolvers/line-height-resolver/line-height-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/radius-resolver/radius-resolver.mjs +13 -0
- package/esm/core/box/style-props/resolvers/radius-resolver/radius-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/size-resolver/size-resolver.mjs +11 -0
- package/esm/core/box/style-props/resolvers/size-resolver/size-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/resolvers/spacing-resolver/spacing-resolver.mjs +17 -0
- package/esm/core/box/style-props/resolvers/spacing-resolver/spacing-resolver.mjs.map +1 -0
- package/esm/core/box/style-props/style-props-data.mjs +224 -0
- package/esm/core/box/style-props/style-props-data.mjs.map +1 -0
- package/esm/core/box/use-random-classname/use-random-classname.mjs +10 -0
- package/esm/core/box/use-random-classname/use-random-classname.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/darken/darken.mjs +13 -0
- package/esm/core/config-provider/color-functions/darken/darken.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs +172 -0
- package/esm/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/get-gradient/get-gradient.mjs +17 -0
- package/esm/core/config-provider/color-functions/get-gradient/get-gradient.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/get-primary-shade/get-primary-shade.mjs +11 -0
- package/esm/core/config-provider/color-functions/get-primary-shade/get-primary-shade.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/get-theme-color/get-theme-color.mjs +14 -0
- package/esm/core/config-provider/color-functions/get-theme-color/get-theme-color.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/luminance/luminance.mjs +28 -0
- package/esm/core/config-provider/color-functions/luminance/luminance.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/parse-theme-color/parse-theme-color.mjs +57 -0
- package/esm/core/config-provider/color-functions/parse-theme-color/parse-theme-color.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/rgba/rgba.mjs +17 -0
- package/esm/core/config-provider/color-functions/rgba/rgba.mjs.map +1 -0
- package/esm/core/config-provider/color-functions/to-rgba/to-rgba.mjs +110 -0
- package/esm/core/config-provider/color-functions/to-rgba/to-rgba.mjs.map +1 -0
- package/esm/core/config-provider/config-provider.context.mjs +37 -0
- package/esm/core/config-provider/config-provider.context.mjs.map +1 -0
- package/esm/core/config-provider/config-provider.mjs +75 -0
- package/esm/core/config-provider/config-provider.mjs.map +1 -0
- package/esm/core/config-provider/config-provider.types.mjs +8 -0
- package/esm/core/config-provider/config-provider.types.mjs.map +1 -0
- package/esm/core/config-provider/default-colors.mjs +175 -0
- package/esm/core/config-provider/default-colors.mjs.map +1 -0
- package/esm/core/config-provider/default-theme.mjs +117 -0
- package/esm/core/config-provider/default-theme.mjs.map +1 -0
- package/esm/core/config-provider/index.mjs +21 -0
- package/esm/core/config-provider/index.mjs.map +1 -0
- package/esm/core/responsive-style-manager/css-object-to-string/css-object-to-string.mjs +11 -0
- package/esm/core/responsive-style-manager/css-object-to-string/css-object-to-string.mjs.map +1 -0
- package/esm/core/responsive-style-manager/hash-styles.mjs +15 -0
- package/esm/core/responsive-style-manager/hash-styles.mjs.map +1 -0
- package/esm/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.mjs +14 -0
- package/esm/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.mjs.map +1 -0
- package/esm/core/responsive-style-manager/responsive-style-manager.mjs +52 -0
- package/esm/core/responsive-style-manager/responsive-style-manager.mjs.map +1 -0
- package/esm/core/responsive-style-manager/styles-to-string/styles-to-string.mjs +13 -0
- package/esm/core/responsive-style-manager/styles-to-string/styles-to-string.mjs.map +1 -0
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.mjs +9 -0
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-class-name.mjs +51 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-class-name.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.mjs +18 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.mjs +15 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.mjs +15 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.mjs +9 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.mjs +9 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.mjs +10 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.mjs +12 -0
- package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs +21 -0
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-style/get-style.mjs +26 -0
- package/esm/core/styles-api/use-styles/get-style/get-style.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs +18 -0
- package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs +13 -0
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs +18 -0
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/use-styles.mjs +104 -0
- package/esm/core/styles-api/use-styles/use-styles.mjs.map +1 -0
- package/esm/core/styles-api/use-styles/use-transformed-styles.mjs +26 -0
- package/esm/core/styles-api/use-styles/use-transformed-styles.mjs.map +1 -0
- package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.mjs +9 -0
- package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.mjs.map +1 -0
- package/esm/core/utils/color.mjs +110 -0
- package/esm/core/utils/color.mjs.map +1 -0
- package/esm/core/utils/dom/style.mjs +12 -0
- package/esm/core/utils/dom/style.mjs.map +1 -0
- package/esm/core/utils/filter-props/filter-props.mjs +12 -0
- package/esm/core/utils/filter-props/filter-props.mjs.map +1 -0
- package/esm/core/utils/get-base-value/get-base-value.mjs +13 -0
- package/esm/core/utils/get-base-value/get-base-value.mjs.map +1 -0
- package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.mjs +11 -0
- package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.mjs.map +1 -0
- package/esm/core/utils/get-size/get-size.mjs +29 -0
- package/esm/core/utils/get-size/get-size.mjs.map +1 -0
- package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs +15 -0
- package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs.map +1 -0
- package/esm/core/utils/is-number-like/is-number-like.mjs +15 -0
- package/esm/core/utils/is-number-like/is-number-like.mjs.map +1 -0
- package/esm/core/utils/keys/keys.mjs +9 -0
- package/esm/core/utils/keys/keys.mjs.map +1 -0
- package/esm/core/utils/number-like-string-to-number/number-like-string-to-number.mjs +11 -0
- package/esm/core/utils/number-like-string-to-number/number-like-string-to-number.mjs.map +1 -0
- package/esm/core/utils/types/index.mjs +13 -0
- package/esm/core/utils/types/index.mjs.map +1 -0
- package/esm/core/utils/units-converters/px.mjs +21 -0
- package/esm/core/utils/units-converters/px.mjs.map +1 -0
- package/esm/core/utils/units-converters/rem.mjs +33 -0
- package/esm/core/utils/units-converters/rem.mjs.map +1 -0
- package/esm/core/utils/vue/component.mjs +11 -0
- package/esm/core/utils/vue/component.mjs.map +1 -0
- package/esm/core/utils/vue/install.mjs +39 -0
- package/esm/core/utils/vue/install.mjs.map +1 -0
- package/esm/index.mjs +50 -0
- package/lib/components/button/button-group/button-group.types.d.ts +23 -0
- package/lib/components/button/button-group/use-button-group.d.ts +7 -0
- package/lib/components/button/button-group-section/button-group-section.types.d.ts +34 -0
- package/lib/components/button/button-group-section/use-button-group-section.d.ts +5 -0
- package/lib/components/button/button.types.d.ts +85 -0
- package/lib/components/button/index.d.ts +15 -0
- package/lib/components/grid/col/col-custom.d.ts +14 -0
- package/lib/components/grid/col/col.types.d.ts +29 -0
- package/lib/components/grid/grid-custom.d.ts +8 -0
- package/lib/components/grid/grid.constants.d.ts +4 -0
- package/lib/components/grid/grid.context.d.ts +9 -0
- package/lib/components/grid/grid.types.d.ts +67 -0
- package/lib/components/grid/index.d.ts +10 -0
- package/lib/components/group/filter-falsy-children/filter-falsy-children.d.ts +2 -0
- package/lib/components/group/group.types.d.ts +49 -0
- package/lib/components/group/index.d.ts +5 -0
- package/lib/components/index.d.ts +6 -0
- package/lib/components/loader/index.d.ts +7 -0
- package/lib/components/loader/loader.types.d.ts +46 -0
- package/lib/components/loader/use-loader.d.ts +3 -0
- package/lib/components/simple-grid/index.d.ts +5 -0
- package/lib/components/simple-grid/simple-grid-custom.d.ts +9 -0
- package/lib/components/simple-grid/simple-grid.types.d.ts +42 -0
- package/lib/components/text/index.d.ts +5 -0
- package/lib/components/text/text.types.d.ts +54 -0
- package/lib/components/unstyled-button/index.d.ts +5 -0
- package/lib/components/unstyled-button/unstyled-button.types.d.ts +15 -0
- package/lib/core/box/box.types.d.ts +72 -0
- package/lib/core/box/get-box-mod/get-box-mod.d.ts +2 -0
- package/lib/core/box/get-box-style/get-box-style.d.ts +11 -0
- package/lib/core/box/index.d.ts +7 -0
- package/lib/core/box/style-props/extract-style-props/extract-style-props.d.ts +7 -0
- package/lib/core/box/style-props/index.d.ts +5 -0
- package/lib/core/box/style-props/parse-style-props/parse-style-props.d.ts +17 -0
- package/lib/core/box/style-props/parse-style-props/sort-media-queries.d.ts +6 -0
- package/lib/core/box/style-props/resolvers/border-resolver/border-resolver.d.ts +2 -0
- package/lib/core/box/style-props/resolvers/color-resolver/color-resolver.d.ts +3 -0
- package/lib/core/box/style-props/resolvers/font-family-resolver/font-family-resolver.d.ts +1 -0
- package/lib/core/box/style-props/resolvers/font-size-resolver/font-size-resolver.d.ts +2 -0
- package/lib/core/box/style-props/resolvers/identity-resolver/identity-resolver.d.ts +1 -0
- package/lib/core/box/style-props/resolvers/index.d.ts +22 -0
- package/lib/core/box/style-props/resolvers/line-height-resolver/line-height-resolver.d.ts +2 -0
- package/lib/core/box/style-props/resolvers/radius-resolver/radius-resolver.d.ts +2 -0
- package/lib/core/box/style-props/resolvers/size-resolver/size-resolver.d.ts +1 -0
- package/lib/core/box/style-props/resolvers/spacing-resolver/spacing-resolver.d.ts +2 -0
- package/lib/core/box/style-props/style-props-data.d.ts +7 -0
- package/lib/core/box/style-props/style-props.types.d.ts +106 -0
- package/lib/core/box/use-random-classname/use-random-classname.d.ts +1 -0
- package/lib/core/config-provider/cck-css-variables/default-css-variables-resolver.d.ts +4 -0
- package/lib/core/config-provider/cck-css-variables/get-css-color-variables.d.ts +12 -0
- package/lib/core/config-provider/cck-css-variables/virtual-color/virtual-color.d.ts +15 -0
- package/lib/core/config-provider/color-functions/colors-tuple/colors-tuple.d.ts +2 -0
- package/lib/core/config-provider/color-functions/darken/darken.d.ts +1 -0
- package/lib/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.d.ts +17 -0
- package/lib/core/config-provider/color-functions/get-contrast-color/get-contrast-color.d.ts +14 -0
- package/lib/core/config-provider/color-functions/get-gradient/get-gradient.d.ts +2 -0
- package/lib/core/config-provider/color-functions/get-primary-shade/get-primary-shade.d.ts +2 -0
- package/lib/core/config-provider/color-functions/get-theme-color/get-theme-color.d.ts +2 -0
- package/lib/core/config-provider/color-functions/index.d.ts +10 -0
- package/lib/core/config-provider/color-functions/luminance/luminance.d.ts +2 -0
- package/lib/core/config-provider/color-functions/parse-theme-color/parse-theme-color.d.ts +17 -0
- package/lib/core/config-provider/color-functions/rgba/rgba.d.ts +2 -0
- package/lib/core/config-provider/color-functions/to-rgba/to-rgba.d.ts +7 -0
- package/lib/core/config-provider/config-provider.context.d.ts +30 -0
- package/lib/core/config-provider/config-provider.types.d.ts +52 -0
- package/lib/core/config-provider/convert-css-variables/convert-css-variables.d.ts +7 -0
- package/lib/core/config-provider/convert-css-variables/css-variables-object-to-string.d.ts +3 -0
- package/lib/core/config-provider/convert-css-variables/index.d.ts +2 -0
- package/lib/core/config-provider/default-colors.d.ts +2 -0
- package/lib/core/config-provider/default-theme.d.ts +2 -0
- package/lib/core/config-provider/index.d.ts +9 -0
- package/lib/core/config-provider/theme.types.d.ts +235 -0
- package/lib/core/factory/create-factory.d.ts +4 -0
- package/lib/core/factory/factory.d.ts +11 -0
- package/lib/core/factory/index.d.ts +2 -0
- package/lib/core/factory/polymorphic-factory.d.ts +5 -0
- package/lib/core/index.d.ts +6 -0
- package/lib/core/responsive-style-manager/css-object-to-string/css-object-to-string.d.ts +2 -0
- package/lib/core/responsive-style-manager/hash-styles.d.ts +3 -0
- package/lib/core/responsive-style-manager/index.d.ts +5 -0
- package/lib/core/responsive-style-manager/normalize-number-like-string-prop/normalize-number-like-string-prop.d.ts +2 -0
- package/lib/core/responsive-style-manager/responsive-style-manager.d.ts +12 -0
- package/lib/core/responsive-style-manager/styles-to-string/styles-to-string.d.ts +12 -0
- package/lib/core/styles-api/create-vars-resolver/create-vars-resolver.d.ts +10 -0
- package/lib/core/styles-api/index.d.ts +7 -0
- package/lib/core/styles-api/styles-api.types.d.ts +40 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-class-name.d.ts +24 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.d.ts +17 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.d.ts +8 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.d.ts +6 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.d.ts +7 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.d.ts +7 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.d.ts +8 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.d.ts +12 -0
- package/lib/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.d.ts +9 -0
- package/lib/core/styles-api/use-styles/get-style/get-style.d.ts +20 -0
- package/lib/core/styles-api/use-styles/get-style/resolve-style/resolve-style.d.ts +9 -0
- package/lib/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.d.ts +9 -0
- package/lib/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.d.ts +3 -0
- package/lib/core/styles-api/use-styles/use-styles.d.ts +25 -0
- package/lib/core/styles-api/use-styles/use-transformed-styles.d.ts +12 -0
- package/lib/core/utils/camel-to-kebab-case/camel-to-kebab-case.d.ts +1 -0
- package/lib/core/utils/color.d.ts +11 -0
- package/lib/core/utils/dom/index.d.ts +1 -0
- package/lib/core/utils/dom/style.d.ts +1 -0
- package/lib/core/utils/filter-props/filter-props.d.ts +5 -0
- package/lib/core/utils/get-base-value/get-base-value.d.ts +2 -0
- package/lib/core/utils/get-breakpoint-value/get-breakpoint-value.d.ts +3 -0
- package/lib/core/utils/get-size/get-size.d.ts +6 -0
- package/lib/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +5 -0
- package/lib/core/utils/index.d.ts +15 -0
- package/lib/core/utils/is-number-like/is-number-like.d.ts +1 -0
- package/lib/core/utils/keys/keys.d.ts +1 -0
- package/lib/core/utils/number-like-string-to-number/number-like-string-to-number.d.ts +2 -0
- package/lib/core/utils/types/index.d.ts +5 -0
- package/lib/core/utils/units-converters/index.d.ts +2 -0
- package/lib/core/utils/units-converters/px.d.ts +1 -0
- package/lib/core/utils/units-converters/rem.d.ts +2 -0
- package/lib/core/utils/vue/component.d.ts +1 -0
- package/lib/core/utils/vue/index.d.ts +3 -0
- package/lib/core/utils/vue/install.d.ts +3 -0
- package/lib/core/utils/vue/typescript.d.ts +22 -0
- package/lib/index.d.mts +2 -0
- package/lib/index.d.ts +2 -0
- package/package.json +56 -0
- package/styles/baseline.css +39 -0
- package/styles/baseline.layer.css +40 -0
- package/styles/button.css +267 -0
- package/styles/button.layer.css +268 -0
- package/styles/default-css-variables.css +521 -0
- package/styles/default-css-variables.layer.css +522 -0
- package/styles/global.css +56 -0
- package/styles/global.layer.css +57 -0
- package/styles/grid.css +33 -0
- package/styles/grid.layer.css +34 -0
- package/styles/group.css +15 -0
- package/styles/group.layer.css +16 -0
- package/styles/loader.css +119 -0
- package/styles/loader.layer.css +120 -0
- package/styles/simple-grid.css +18 -0
- package/styles/simple-grid.layer.css +19 -0
- package/styles/text.css +41 -0
- package/styles/text.layer.css +42 -0
- package/styles/unstyled-button.css +13 -0
- package/styles/unstyled-button.layer.css +14 -0
- package/styles.css +1025 -0
- package/styles.layer.css +1026 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SFCWithInstall } from '../../core';
|
|
2
|
+
import Loader from './loader.vue';
|
|
3
|
+
import { CLoadersRecord } from './loader.types.js';
|
|
4
|
+
export declare const CDefaultLoaders: CLoadersRecord;
|
|
5
|
+
export declare const CLoader: SFCWithInstall<typeof Loader>;
|
|
6
|
+
export default CLoader;
|
|
7
|
+
export * from './loader.types';
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { BoxProps, CColor, CSize, ElementProps, Factory, StylesApiProps } from '../../core';
|
|
3
|
+
import { CDefaultLoaders } from '.';
|
|
4
|
+
export type CLoaderComponent = Component<Record<string, any> & {
|
|
5
|
+
ref?: any;
|
|
6
|
+
}>;
|
|
7
|
+
/**
|
|
8
|
+
* Registry of loader components keyed by name.
|
|
9
|
+
* Supports built-in 'bars' | 'dots' | 'oval' and any custom string.
|
|
10
|
+
*/
|
|
11
|
+
export type CLoadersRecord = Partial<Record<'bars' | 'dots' | 'oval' | (string & {}), CLoaderComponent>>;
|
|
12
|
+
export type CLoaderType = keyof CLoadersRecord;
|
|
13
|
+
export type LoaderStylesNames = 'root';
|
|
14
|
+
export type LoaderCssVariables = {
|
|
15
|
+
root: '--loader-size' | '--loader-color';
|
|
16
|
+
};
|
|
17
|
+
export type LoaderFactory = Factory<{
|
|
18
|
+
props: LoaderProps;
|
|
19
|
+
ref: SVGSVGElement;
|
|
20
|
+
stylesNames: LoaderStylesNames;
|
|
21
|
+
vars: LoaderCssVariables;
|
|
22
|
+
staticComponents: {
|
|
23
|
+
defaultLoaders: typeof CDefaultLoaders;
|
|
24
|
+
};
|
|
25
|
+
}>;
|
|
26
|
+
export interface LoaderProps extends BoxProps, StylesApiProps<LoaderFactory>, ElementProps<'svg', 'display' | 'opacity'> {
|
|
27
|
+
/**
|
|
28
|
+
* @description Key of `theme.colors` or any valid CSS color
|
|
29
|
+
* @default theme.primaryColor
|
|
30
|
+
*/
|
|
31
|
+
color?: CColor;
|
|
32
|
+
/**
|
|
33
|
+
* @description Object of loaders components, can be customized via default props or inline.
|
|
34
|
+
*/
|
|
35
|
+
loaders?: CLoadersRecord;
|
|
36
|
+
/**
|
|
37
|
+
* @description Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem.
|
|
38
|
+
* @default 'md'
|
|
39
|
+
*/
|
|
40
|
+
size?: CSize | (string & {}) | number;
|
|
41
|
+
/**
|
|
42
|
+
* @description Loader type, key of `loaders` prop
|
|
43
|
+
* @default 'oval'
|
|
44
|
+
*/
|
|
45
|
+
type?: CLoaderType;
|
|
46
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SimpleGridProps } from './simple-grid.types';
|
|
2
|
+
interface SimpleGridVariablesProps extends SimpleGridProps {
|
|
3
|
+
selector: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function useSimpleGridStyle(props: SimpleGridVariablesProps): import("vue").ComputedRef<{
|
|
6
|
+
attrs: Record<string, string | undefined>;
|
|
7
|
+
queryStylesString: string;
|
|
8
|
+
}>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { BoxProps, CSpacing, ElementProps, Factory, NumberLikeString, StyleProp, StylesApiProps } from '../../core';
|
|
2
|
+
export type SimpleGridStylesNames = 'root' | 'container';
|
|
3
|
+
export interface SimpleGridProps extends BoxProps, StylesApiProps<SimpleGridFactory>, /* @vue-ignore */ ElementProps<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* @description Number of columns
|
|
6
|
+
* @default 1
|
|
7
|
+
*/
|
|
8
|
+
cols?: StyleProp<NumberLikeString>;
|
|
9
|
+
/**
|
|
10
|
+
* @description Spacing between columns
|
|
11
|
+
* @default 'md'
|
|
12
|
+
*/
|
|
13
|
+
spacing?: StyleProp<CSpacing>;
|
|
14
|
+
/**
|
|
15
|
+
* @description Spacing between rows. When not set, falls back to spacing value
|
|
16
|
+
* @default undefined
|
|
17
|
+
*/
|
|
18
|
+
verticalSpacing?: StyleProp<CSpacing>;
|
|
19
|
+
/**
|
|
20
|
+
* @description Determines type of queries that are used for responsive styles
|
|
21
|
+
* @default 'media'
|
|
22
|
+
*/
|
|
23
|
+
type?: 'media' | 'container';
|
|
24
|
+
/**
|
|
25
|
+
* @description Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored
|
|
26
|
+
*/
|
|
27
|
+
minColWidth?: string | NumberLikeString;
|
|
28
|
+
/**
|
|
29
|
+
* @description Grid repeat type when minColWidth is set
|
|
30
|
+
* @default 'auto-fill'
|
|
31
|
+
*/
|
|
32
|
+
autoFlow?: 'auto-fit' | 'auto-fill';
|
|
33
|
+
/**
|
|
34
|
+
* @description Sets the size of implicitly created grid rows
|
|
35
|
+
*/
|
|
36
|
+
autoRows?: string;
|
|
37
|
+
}
|
|
38
|
+
export type SimpleGridFactory = Factory<{
|
|
39
|
+
props: SimpleGridProps;
|
|
40
|
+
ref: HTMLDivElement;
|
|
41
|
+
stylesNames: SimpleGridStylesNames;
|
|
42
|
+
}>;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { BoxProps, CFontSize, CGradient, CLineHeight, PolymorphicFactory, StylesApiProps } from '../../core';
|
|
2
|
+
export type TextTruncate = 'end' | 'start' | boolean;
|
|
3
|
+
export type TextStylesNames = 'root';
|
|
4
|
+
export type TextVariant = 'text' | 'gradient';
|
|
5
|
+
export type TextCssVariables = {
|
|
6
|
+
root: '--text-gradient' | '--text-line-clamp' | '--text-fz' | '--text-lh' | '--text-text-wrap';
|
|
7
|
+
};
|
|
8
|
+
export type TextFactory = PolymorphicFactory<{
|
|
9
|
+
props: TextProps;
|
|
10
|
+
defaultComponent: 'p';
|
|
11
|
+
defaultRef: HTMLParagraphElement;
|
|
12
|
+
stylesNames: TextStylesNames;
|
|
13
|
+
vars: TextCssVariables;
|
|
14
|
+
variant: TextVariant;
|
|
15
|
+
}>;
|
|
16
|
+
export interface TextProps extends BoxProps, StylesApiProps<TextFactory> {
|
|
17
|
+
__staticSelector?: string;
|
|
18
|
+
/**
|
|
19
|
+
* @description Controls `font-size` and `line-height`
|
|
20
|
+
* @default 'md'
|
|
21
|
+
*/
|
|
22
|
+
size?: CFontSize | CLineHeight;
|
|
23
|
+
/**
|
|
24
|
+
* @description Number of lines after which Text will be truncated
|
|
25
|
+
*/
|
|
26
|
+
lineClamp?: number;
|
|
27
|
+
/**
|
|
28
|
+
* @description Side on which Text must be truncated, if `true`, text is truncated from the start
|
|
29
|
+
*/
|
|
30
|
+
truncate?: TextTruncate;
|
|
31
|
+
/**
|
|
32
|
+
* @description Sets `line-height` to 1 for centering
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
35
|
+
inline?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* @description Determines whether font properties should be inherited from the parent
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
inherit?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* @description Gradient configuration, ignored when `variant` is not `gradient`
|
|
43
|
+
* @default theme.defaultGradient
|
|
44
|
+
*/
|
|
45
|
+
gradient?: CGradient;
|
|
46
|
+
/**
|
|
47
|
+
* Shorthand for `tag="span"`
|
|
48
|
+
*/
|
|
49
|
+
span?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Controls `text-wrap` CSS property
|
|
52
|
+
*/
|
|
53
|
+
textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
|
|
54
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BoxComponentProps, PolymorphicFactory, StylesApiProps } from '../../core';
|
|
2
|
+
export type UnstyledButtonStylesNames = 'root';
|
|
3
|
+
export type UnstyledButtonFactory = PolymorphicFactory<{
|
|
4
|
+
props: UnstyledButtonProps;
|
|
5
|
+
stylesNames: UnstyledButtonStylesNames;
|
|
6
|
+
defaultComponent: 'button';
|
|
7
|
+
defaultRef: HTMLButtonElement;
|
|
8
|
+
}>;
|
|
9
|
+
interface _UnstyledButtonProps extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {
|
|
10
|
+
__staticSelector?: string;
|
|
11
|
+
}
|
|
12
|
+
export type UnstyledButtonProps = _UnstyledButtonProps & {
|
|
13
|
+
tag?: any;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Properties } from 'csstype';
|
|
2
|
+
import { CStyleProps } from './style-props/style-props.types';
|
|
3
|
+
import { CBreakpoint, CTheme } from '../config-provider/theme.types';
|
|
4
|
+
import { JSX } from 'vue/jsx-runtime';
|
|
5
|
+
export type NumberLikeString = number | `${number}`;
|
|
6
|
+
export interface CSSProperties extends Properties {
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}
|
|
9
|
+
type CStyle = CSSProperties | ((theme: CTheme) => CSSProperties);
|
|
10
|
+
export type CStyleProp = CStyle | CStyle[] | CStyleProp[] | undefined;
|
|
11
|
+
export type CssVariable = `--${string}`;
|
|
12
|
+
export type CssVariables<Variable extends string = CssVariable> = Partial<Record<Variable, string>>;
|
|
13
|
+
export type CssVars<Variable extends string = CssVariable> = CssVariables<Variable> | ((theme: CTheme) => CssVariables<Variable>) | CssVars<Variable>[];
|
|
14
|
+
export type CssVarsProp<Variable extends string = CssVariable> = CssVars<Variable> | CssVars<Variable>[];
|
|
15
|
+
export type Mod = Record<string, any> | string;
|
|
16
|
+
export type BoxMod = Mod | Mod[] | BoxMod[];
|
|
17
|
+
export interface BoxProps extends CStyleProps {
|
|
18
|
+
/**
|
|
19
|
+
* @description Class added to component root element, if applicable
|
|
20
|
+
*/
|
|
21
|
+
className?: string;
|
|
22
|
+
/**
|
|
23
|
+
* @description Inline style added to component root element, can subscribe to theme defined on provider
|
|
24
|
+
*/
|
|
25
|
+
style?: CStyleProp;
|
|
26
|
+
/**
|
|
27
|
+
* @description CSS variables defined on component root element
|
|
28
|
+
*/
|
|
29
|
+
__vars?: CssVarsProp;
|
|
30
|
+
/**
|
|
31
|
+
* @description `size` property passed down the HTML element
|
|
32
|
+
*/
|
|
33
|
+
__size?: string;
|
|
34
|
+
/**
|
|
35
|
+
* @description Breakpoint above which the component is hidden with `display: none`
|
|
36
|
+
*/
|
|
37
|
+
hiddenFrom?: CBreakpoint;
|
|
38
|
+
/**
|
|
39
|
+
* @description Breakpoint below which the component is hidden with `display: none`
|
|
40
|
+
*/
|
|
41
|
+
visibleFrom?: CBreakpoint;
|
|
42
|
+
/**
|
|
43
|
+
* @description Determines whether component should be hidden in light color scheme with `display: none`
|
|
44
|
+
*/
|
|
45
|
+
lightHidden?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* @description Determines whether component should be hidden in dark color scheme with `display: none`
|
|
48
|
+
*/
|
|
49
|
+
darkHidden?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* @description Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed
|
|
52
|
+
*/
|
|
53
|
+
mod?: BoxMod;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* @description Extracts props from a Vue component or HTML element, omitting specified keys.
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* type SvgProps = ElementProps<'svg', 'style' | 'display'>
|
|
60
|
+
*/
|
|
61
|
+
export type ElementProps<Tag extends keyof JSX.IntrinsicElements, PropsToOmit extends string = never> = Omit<JSX.IntrinsicElements[Tag], 'style' | PropsToOmit>;
|
|
62
|
+
export interface BoxComponentProps extends BoxProps {
|
|
63
|
+
/**
|
|
64
|
+
* @description Size passed from parent component, sets `data-size` if value is not number like
|
|
65
|
+
*/
|
|
66
|
+
size?: string | number;
|
|
67
|
+
/**
|
|
68
|
+
* @description Variant passed from parent component, sets `data-variant`
|
|
69
|
+
*/
|
|
70
|
+
variant?: string;
|
|
71
|
+
}
|
|
72
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Properties } from 'csstype';
|
|
2
|
+
import { CStyleProp, CssVarsProp } from '../box.types';
|
|
3
|
+
import { CTheme } from '../../config-provider';
|
|
4
|
+
interface GetBoxStyleOptions {
|
|
5
|
+
theme: CTheme;
|
|
6
|
+
styleProps: Properties;
|
|
7
|
+
style?: CStyleProp;
|
|
8
|
+
vars?: CssVarsProp;
|
|
9
|
+
}
|
|
10
|
+
export declare function getBoxStyle({ style, styleProps, theme, vars }: GetBoxStyleOptions): Properties;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SFCWithInstall } from '../utils';
|
|
2
|
+
import Box from './box.vue';
|
|
3
|
+
export * from './style-props';
|
|
4
|
+
export * from './box.types';
|
|
5
|
+
export { useRandomClassName } from './use-random-classname/use-random-classname';
|
|
6
|
+
export declare const CBox: SFCWithInstall<typeof Box>;
|
|
7
|
+
export default CBox;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './style-props.types';
|
|
2
|
+
export { extractStyleProps } from './extract-style-props/extract-style-props';
|
|
3
|
+
export { parseStyleProps } from './parse-style-props/parse-style-props';
|
|
4
|
+
export { STYLE_PROPS_DATA } from './style-props-data';
|
|
5
|
+
export type { SystemPropData } from './style-props-data';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Properties } from 'csstype';
|
|
2
|
+
import { CTheme } from '../../../config-provider';
|
|
3
|
+
import { SystemPropData } from '../style-props-data';
|
|
4
|
+
import { StyleProp } from '../style-props.types';
|
|
5
|
+
import { SortMediaQueriesResult } from './sort-media-queries';
|
|
6
|
+
export interface ParseStylePropsOptions {
|
|
7
|
+
data: Record<string, SystemPropData>;
|
|
8
|
+
styleProps: Record<string, StyleProp<any>>;
|
|
9
|
+
theme: CTheme;
|
|
10
|
+
}
|
|
11
|
+
export interface ParseStylePropsResult {
|
|
12
|
+
hasResponsiveStyles: boolean;
|
|
13
|
+
inlineStyles: Properties;
|
|
14
|
+
styles: Properties;
|
|
15
|
+
media: Record<string, Properties>;
|
|
16
|
+
}
|
|
17
|
+
export declare function parseStyleProps({ data, styleProps, theme }: ParseStylePropsOptions): SortMediaQueriesResult;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { StylesMediaQuery } from '../../../responsive-style-manager';
|
|
2
|
+
import { ParseStylePropsResult } from './parse-style-props';
|
|
3
|
+
export interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {
|
|
4
|
+
media: StylesMediaQuery[];
|
|
5
|
+
}
|
|
6
|
+
export declare function sortMediaQueries({ media, ...props }: ParseStylePropsResult): SortMediaQueriesResult;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function fontFamilyResolver(fontFamily: unknown): unknown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function identityResolver(value: unknown): unknown;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { borderResolver } from './border-resolver/border-resolver';
|
|
2
|
+
import { colorResolver, textColorResolver } from './color-resolver/color-resolver';
|
|
3
|
+
import { fontFamilyResolver } from './font-family-resolver/font-family-resolver';
|
|
4
|
+
import { fontSizeResolver } from './font-size-resolver/font-size-resolver';
|
|
5
|
+
import { identityResolver } from './identity-resolver/identity-resolver';
|
|
6
|
+
import { lineHeightResolver } from './line-height-resolver/line-height-resolver';
|
|
7
|
+
import { radiusResolver } from './radius-resolver/radius-resolver';
|
|
8
|
+
import { sizeResolver } from './size-resolver/size-resolver';
|
|
9
|
+
import { spacingResolver } from './spacing-resolver/spacing-resolver';
|
|
10
|
+
export declare const resolvers: {
|
|
11
|
+
border: typeof borderResolver;
|
|
12
|
+
color: typeof colorResolver;
|
|
13
|
+
fontFamily: typeof fontFamilyResolver;
|
|
14
|
+
fontSize: typeof fontSizeResolver;
|
|
15
|
+
identity: typeof identityResolver;
|
|
16
|
+
lineHeight: typeof lineHeightResolver;
|
|
17
|
+
radius: typeof radiusResolver;
|
|
18
|
+
size: typeof sizeResolver;
|
|
19
|
+
spacing: typeof spacingResolver;
|
|
20
|
+
textColor: typeof textColorResolver;
|
|
21
|
+
};
|
|
22
|
+
export type StylePropType = keyof typeof resolvers;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function sizeResolver(value: unknown): unknown;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { StylePropType } from './resolvers';
|
|
2
|
+
import { CStyleProps } from './style-props.types';
|
|
3
|
+
export interface SystemPropData {
|
|
4
|
+
type: StylePropType;
|
|
5
|
+
property: string | string[];
|
|
6
|
+
}
|
|
7
|
+
export declare const STYLE_PROPS_DATA: Record<keyof CStyleProps, SystemPropData>;
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { CBreakpoint, CColor, CFontSize, CLineHeight, CSpacing } from '../../config-provider';
|
|
3
|
+
export type StyleProp<Value> = Value | Partial<Record<CBreakpoint | (string & {}), Value>>;
|
|
4
|
+
export interface CStyleProps {
|
|
5
|
+
/** Margin */
|
|
6
|
+
m?: StyleProp<CSpacing>;
|
|
7
|
+
/** MarginBlock */
|
|
8
|
+
my?: StyleProp<CSpacing>;
|
|
9
|
+
/** MarginInline */
|
|
10
|
+
mx?: StyleProp<CSpacing>;
|
|
11
|
+
/** MarginTop */
|
|
12
|
+
mt?: StyleProp<CSpacing>;
|
|
13
|
+
/** MarginBottom */
|
|
14
|
+
mb?: StyleProp<CSpacing>;
|
|
15
|
+
/** MarginInlineStart */
|
|
16
|
+
ms?: StyleProp<CSpacing>;
|
|
17
|
+
/** MarginInlineEnd */
|
|
18
|
+
me?: StyleProp<CSpacing>;
|
|
19
|
+
/** MarginInlineStart */
|
|
20
|
+
mis?: StyleProp<CSpacing>;
|
|
21
|
+
/** MarginInlineEnd */
|
|
22
|
+
mie?: StyleProp<CSpacing>;
|
|
23
|
+
/** MarginLeft */
|
|
24
|
+
ml?: StyleProp<CSpacing>;
|
|
25
|
+
/** MarginRight */
|
|
26
|
+
mr?: StyleProp<CSpacing>;
|
|
27
|
+
/** Padding */
|
|
28
|
+
p?: StyleProp<CSpacing>;
|
|
29
|
+
/** PaddingBlock */
|
|
30
|
+
py?: StyleProp<CSpacing>;
|
|
31
|
+
/** PaddingInline */
|
|
32
|
+
px?: StyleProp<CSpacing>;
|
|
33
|
+
/** PaddingTop */
|
|
34
|
+
pt?: StyleProp<CSpacing>;
|
|
35
|
+
/** PaddingBottom */
|
|
36
|
+
pb?: StyleProp<CSpacing>;
|
|
37
|
+
/** PaddingInlineStart */
|
|
38
|
+
ps?: StyleProp<CSpacing>;
|
|
39
|
+
/** PaddingInlineEnd */
|
|
40
|
+
pe?: StyleProp<CSpacing>;
|
|
41
|
+
/** PaddingInlineStart */
|
|
42
|
+
pis?: StyleProp<CSpacing>;
|
|
43
|
+
/** PaddingInlineEnd */
|
|
44
|
+
pie?: StyleProp<CSpacing>;
|
|
45
|
+
/** PaddingLeft */
|
|
46
|
+
pl?: StyleProp<CSpacing>;
|
|
47
|
+
/** PaddingRight */
|
|
48
|
+
pr?: StyleProp<CSpacing>;
|
|
49
|
+
/** Border */
|
|
50
|
+
bd?: StyleProp<Property.Border>;
|
|
51
|
+
/** BorderRadius */
|
|
52
|
+
bdrs?: StyleProp<CSpacing>;
|
|
53
|
+
/** Background */
|
|
54
|
+
bg?: StyleProp<CColor>;
|
|
55
|
+
/** Color */
|
|
56
|
+
c?: StyleProp<CColor>;
|
|
57
|
+
/** Opacity */
|
|
58
|
+
opacity?: StyleProp<Property.Opacity>;
|
|
59
|
+
/** FontFamily */
|
|
60
|
+
ff?: StyleProp<'monospace' | 'text' | 'heading' | (string & {})>;
|
|
61
|
+
/** FontSize */
|
|
62
|
+
fz?: StyleProp<CFontSize | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
|
|
63
|
+
/** FontWeight */
|
|
64
|
+
fw?: StyleProp<Property.FontWeight>;
|
|
65
|
+
/** LetterSpacing */
|
|
66
|
+
lts?: StyleProp<Property.LetterSpacing>;
|
|
67
|
+
/** TextAlign */
|
|
68
|
+
ta?: StyleProp<Property.TextAlign>;
|
|
69
|
+
/** LineHeight */
|
|
70
|
+
lh?: StyleProp<CLineHeight | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
|
|
71
|
+
/** FontStyle */
|
|
72
|
+
fs?: StyleProp<Property.FontSize>;
|
|
73
|
+
/** TextTransform */
|
|
74
|
+
tt?: StyleProp<Property.TextTransform>;
|
|
75
|
+
/** TextDecoration */
|
|
76
|
+
td?: StyleProp<Property.TextDecoration>;
|
|
77
|
+
/** Width */
|
|
78
|
+
w?: StyleProp<Property.Width>;
|
|
79
|
+
/** MinWidth */
|
|
80
|
+
miw?: StyleProp<Property.MinWidth>;
|
|
81
|
+
/** MaxWidth */
|
|
82
|
+
maw?: StyleProp<Property.MaxWidth>;
|
|
83
|
+
/** Height */
|
|
84
|
+
h?: StyleProp<Property.Height>;
|
|
85
|
+
/** MinHeight */
|
|
86
|
+
mih?: StyleProp<Property.MinHeight>;
|
|
87
|
+
/** MaxHeight */
|
|
88
|
+
mah?: StyleProp<Property.MaxHeight>;
|
|
89
|
+
/** BackgroundSize */
|
|
90
|
+
bgsz?: StyleProp<Property.BackgroundSize>;
|
|
91
|
+
/** BackgroundPosition */
|
|
92
|
+
bgp?: StyleProp<Property.BackgroundPosition>;
|
|
93
|
+
/** BackgroundRepeat */
|
|
94
|
+
bgr?: StyleProp<Property.BackgroundRepeat>;
|
|
95
|
+
/** BackgroundAttachment */
|
|
96
|
+
bga?: StyleProp<Property.BackgroundAttachment>;
|
|
97
|
+
/** Position */
|
|
98
|
+
pos?: StyleProp<Property.Position>;
|
|
99
|
+
top?: StyleProp<Property.Top>;
|
|
100
|
+
left?: StyleProp<Property.Left>;
|
|
101
|
+
bottom?: StyleProp<Property.Bottom>;
|
|
102
|
+
right?: StyleProp<Property.Right>;
|
|
103
|
+
inset?: StyleProp<Property.Inset>;
|
|
104
|
+
display?: StyleProp<Property.Display>;
|
|
105
|
+
flex?: StyleProp<Property.Flex>;
|
|
106
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useRandomClassName(): string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CColor, CTheme } from '../theme.types';
|
|
2
|
+
interface GetColorVariablesInput {
|
|
3
|
+
theme: CTheme;
|
|
4
|
+
color: CColor;
|
|
5
|
+
colorScheme: 'light' | 'dark';
|
|
6
|
+
name?: string;
|
|
7
|
+
withColorValues?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function getCSSColorVariables({ theme, color, colorScheme, name, withColorValues, }: GetColorVariablesInput): {
|
|
10
|
+
[x: string]: string;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CColor, CColorsTuple } from '../../theme.types';
|
|
2
|
+
interface VirtualColorInput {
|
|
3
|
+
dark: CColor;
|
|
4
|
+
light: CColor;
|
|
5
|
+
name: string;
|
|
6
|
+
}
|
|
7
|
+
type VirtualColor = CColorsTuple & {
|
|
8
|
+
'c-virtual-color': true;
|
|
9
|
+
name: string;
|
|
10
|
+
dark: CColor;
|
|
11
|
+
light: CColor;
|
|
12
|
+
};
|
|
13
|
+
export declare function VirtualColor(input: VirtualColorInput): CColorsTuple;
|
|
14
|
+
export declare function isVirtualColor(value: unknown): value is VirtualColor;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function darken(color: string, alpha: number): string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CColor, CGradient, CTheme } from '../../theme.types';
|
|
2
|
+
export interface VariantColorsResolverInput {
|
|
3
|
+
color: CColor | undefined;
|
|
4
|
+
theme: CTheme;
|
|
5
|
+
variant: string;
|
|
6
|
+
gradient?: CGradient;
|
|
7
|
+
autoContrast?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface VariantColorsResolverResult {
|
|
10
|
+
background: string;
|
|
11
|
+
hover: string;
|
|
12
|
+
color: string;
|
|
13
|
+
border: string;
|
|
14
|
+
hoverColor?: string;
|
|
15
|
+
}
|
|
16
|
+
export type VariantColorsResolver = (input: VariantColorsResolverInput) => VariantColorsResolverResult;
|
|
17
|
+
export declare const defaultVariantColorsResolver: VariantColorsResolver;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { CColor, CColorScheme, CTheme } from '../../theme.types';
|
|
2
|
+
interface GetContrastColorInput {
|
|
3
|
+
color: string | null | undefined;
|
|
4
|
+
theme: CTheme;
|
|
5
|
+
autoContrast?: boolean | undefined | null;
|
|
6
|
+
colorScheme?: CColorScheme;
|
|
7
|
+
}
|
|
8
|
+
export declare function getContrastColor({ color, theme, autoContrast, colorScheme, }: GetContrastColorInput): "var(--c-color-black)" | "var(--c-color-white)";
|
|
9
|
+
export declare function getVirtualColorContrast(value: {
|
|
10
|
+
light: CColor;
|
|
11
|
+
dark: CColor;
|
|
12
|
+
}, theme: CTheme, colorScheme: 'light' | 'dark'): "var(--c-color-black)" | "var(--c-color-white)";
|
|
13
|
+
export declare function getPrimaryContrastColor(theme: CTheme, colorScheme: 'light' | 'dark'): "var(--c-color-black)" | "var(--c-color-white)";
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type { VariantColorsResolverInput, VariantColorsResolverResult, VariantColorsResolver } from './default-variant-colors-resolver/default-variant-colors-resolver';
|
|
2
|
+
export { darken } from './darken/darken';
|
|
3
|
+
export { defaultVariantColorsResolver } from './default-variant-colors-resolver/default-variant-colors-resolver';
|
|
4
|
+
export { getGradient } from './get-gradient/get-gradient';
|
|
5
|
+
export { getPrimaryShade } from './get-primary-shade/get-primary-shade';
|
|
6
|
+
export { getThemeColor } from './get-theme-color/get-theme-color';
|
|
7
|
+
export { luminance, isLightColor } from './luminance/luminance';
|
|
8
|
+
export { parseThemeColor } from './parse-theme-color/parse-theme-color';
|
|
9
|
+
export { rgba, alpha } from './rgba/rgba';
|
|
10
|
+
export { toRgba } from './to-rgba/to-rgba';
|