@mage-ui/preset 1.0.142 → 1.0.143

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.
@@ -1,2 +1,2 @@
1
- import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`date-picker__button-icon`,jsx:[`DatePicker`],base:{"--button-icon-radii":`var(--date-picker-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--date-picker-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--date-picker-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--date-picker-button-icon-align, center)`,"--button-icon-height":`var(--date-picker-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--date-picker-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--date-picker-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--date-picker-button-icon-foreground, {colors.neutral.foreground.3.enabled})`,"--button-icon-foreground-hover":`var(--date-picker-button-icon-foreground-hover, {colors.neutral.background.3.hovered})`,"--button-icon-border-color":`var(--date-picker-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--date-picker-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--date-picker-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--date-picker-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--date-picker-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--date-picker-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--date-picker-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--date-picker-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`var(--date-picker-button-icon-icon-size, 100%)`}});export{t as datePickerButtonIcon};
1
+ import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`date-picker__button-icon`,jsx:[`DatePicker`],base:{"--button-icon-radii":`var(--date-picker-button-icon-radii, {radii.200})`,"--button-icon-disabled-opacity":`var(--date-picker-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--date-picker-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--date-picker-button-icon-align, center)`,"--button-icon-height":`var(--date-picker-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--date-picker-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--date-picker-button-icon-background, transparent)`,"--input-bg":`var(--date-picker-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})`,"&:hover":{"--input-bg":`var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})`},"--button-icon-foreground":`var(--date-picker-button-icon-foreground, {colors.neutral.foreground.4.enabled})`,"--button-icon-foreground-hover":`var(--date-picker-button-icon-foreground-hover, {colors.neutral.foreground.4.hovered})`,"--button-icon-border-color":`var(--date-picker-button-icon-border-color, transparent)`,"--button-icon-border-color-hover":`var(--date-picker-button-icon-border-color-hover, transparent)`,"--button-icon-border-width":` var(--date-picker-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--date-picker-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--date-picker-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--date-picker-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--date-picker-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--date-picker-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`var(--date-picker-button-icon-icon-size, 80%)`,"--cb-icon-size":`var(--date-picker-button-icon-icon-size, 75%)`,"& svg":{fill:`var(--button-icon-foreground, {colors.neutral.foreground.2.enabled})`},"&:hover svg":{fill:`var(--button-icon-foreground-hover, {colors.neutral.foreground.2.hovered})`}}});export{t as datePickerButtonIcon};
2
2
  //# sourceMappingURL=date-picker-button-icon.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker-button-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const datePickerButtonIcon = buttonIcon.merge({\n className: 'date-picker__button-icon',\n jsx: ['DatePicker'],\n base: {\n '--button-icon-radii': 'var(--date-picker-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--date-picker-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--date-picker-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--date-picker-button-icon-align, center)',\n '--button-icon-height':\n 'var(--date-picker-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--date-picker-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--date-picker-button-icon-background, transparent)',\n '--button-icon-background-hover':\n 'var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--date-picker-button-icon-foreground, {colors.neutral.foreground.3.enabled})',\n '--button-icon-foreground-hover':\n 'var(--date-picker-button-icon-foreground-hover, {colors.neutral.background.3.hovered})',\n\n '--button-icon-border-color':\n 'var(--date-picker-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--date-picker-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--date-picker-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--date-picker-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--date-picker-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--date-picker-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--date-picker-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--date-picker-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size': 'var(--date-picker-button-icon-icon-size, 100%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAuB,EAAW,MAAM,CACnD,UAAW,2BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,sBAAuB,oDACvB,iCACE,sDACF,2BACE,mEACF,sBAAuB,+CACvB,uBACE,qDACF,+BACE,mDAEF,2BACE,yDACF,iCACE,yFAEF,2BACE,mFACF,iCACE,yFAEF,6BACE,iFACF,mCACE,uFAEF,6BACE,kDACF,6BACE,qDAEF,oCACE,oEACF,oCACE,4DACF,qCACE,oEACF,oCACE,wFAEF,0BAA2B,iDAC5B,CACF,CAAC"}
1
+ {"version":3,"file":"date-picker-button-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const datePickerButtonIcon = buttonIcon.merge({\n className: 'date-picker__button-icon',\n jsx: ['DatePicker'],\n base: {\n '--button-icon-radii': 'var(--date-picker-button-icon-radii, {radii.200})',\n '--button-icon-disabled-opacity':\n 'var(--date-picker-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--date-picker-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--date-picker-button-icon-align, center)',\n '--button-icon-height':\n 'var(--date-picker-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--date-picker-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--date-picker-button-icon-background, transparent)',\n '--input-bg': 'var(--date-picker-button-icon-background, transparent)',\n '--button-icon-background-hover':\n 'var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n '&:hover': {\n '--input-bg':\n 'var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n },\n\n '--button-icon-foreground':\n 'var(--date-picker-button-icon-foreground, {colors.neutral.foreground.4.enabled})',\n '--button-icon-foreground-hover':\n 'var(--date-picker-button-icon-foreground-hover, {colors.neutral.foreground.4.hovered})',\n\n '--button-icon-border-color':\n 'var(--date-picker-button-icon-border-color, transparent)',\n '--button-icon-border-color-hover':\n 'var(--date-picker-button-icon-border-color-hover, transparent)',\n\n '--button-icon-border-width':\n ' var(--date-picker-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--date-picker-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--date-picker-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--date-picker-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--date-picker-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--date-picker-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size': 'var(--date-picker-button-icon-icon-size, 80%)',\n\n '--cb-icon-size': 'var(--date-picker-button-icon-icon-size, 75%)',\n\n '& svg': {\n fill: 'var(--button-icon-foreground, {colors.neutral.foreground.2.enabled})',\n },\n '&:hover svg': {\n fill: 'var(--button-icon-foreground-hover, {colors.neutral.foreground.2.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAuB,EAAW,MAAM,CACnD,UAAW,2BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,sBAAuB,oDACvB,iCACE,sDACF,2BACE,mEACF,sBAAuB,+CACvB,uBACE,qDACF,+BACE,mDAEF,2BACE,yDACF,aAAc,yDACd,iCACE,yFACF,UAAW,CACT,aACE,yFACH,CAED,2BACE,mFACF,iCACE,yFAEF,6BACE,2DACF,mCACE,iEAEF,6BACE,kDACF,6BACE,qDAEF,oCACE,oEACF,oCACE,4DACF,qCACE,oEACF,oCACE,wFAEF,0BAA2B,gDAE3B,iBAAkB,gDAElB,QAAS,CACP,KAAM,uEACP,CACD,cAAe,CACb,KAAM,6EACP,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`dropdown__text-input__input`,jsx:[`Dropdown`],base:{cursor:`default`}});export{t as dropdownTextInputInput};
1
+ import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`dropdown__text-input__input`,jsx:[`Dropdown`],base:{textOverflow:`ellipsis`,whiteSpace:`nowrap`,overflow:`hidden`,cursor:`default`,minWidth:0}});export{t as dropdownTextInputInput};
2
2
  //# sourceMappingURL=dropdown-text-input-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const dropdownTextInputInput = textInputInput.merge({\n className: 'dropdown__text-input__input',\n jsx: ['Dropdown'],\n base: {\n cursor: 'default',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAyB,EAAe,MAAM,CACzD,UAAW,8BACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,OAAQ,UACT,CACF,CAAC"}
1
+ {"version":3,"file":"dropdown-text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const dropdownTextInputInput = textInputInput.merge({\n className: 'dropdown__text-input__input',\n jsx: ['Dropdown'],\n base: {\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n cursor: 'default',\n minWidth: 0,\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAyB,EAAe,MAAM,CACzD,UAAW,8BACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,aAAc,WACd,WAAY,SACZ,SAAU,SACV,OAAQ,UACR,SAAU,EACX,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{textInputWrapper as e}from"../text-input/text-input-wrapper.mjs";const t=e.merge({className:`dropdown__text-input__wrapper`,jsx:[`Dropdown`],base:{}});export{t as dropdownTextInputWrapper};
1
+ import{textInputWrapper as e}from"../text-input/text-input-wrapper.mjs";const t=e.merge({className:`dropdown__text-input__wrapper`,jsx:[`Dropdown`],base:{minWidth:0}});export{t as dropdownTextInputWrapper};
2
2
  //# sourceMappingURL=dropdown-text-input-wrapper.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputWrapper } from '../text-input/text-input-wrapper';\n\nexport const dropdownTextInputWrapper = textInputWrapper.merge({\n className: 'dropdown__text-input__wrapper',\n jsx: ['Dropdown'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAA2B,EAAiB,MAAM,CAC7D,UAAW,gCACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
1
+ {"version":3,"file":"dropdown-text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputWrapper } from '../text-input/text-input-wrapper';\n\nexport const dropdownTextInputWrapper = textInputWrapper.merge({\n className: 'dropdown__text-input__wrapper',\n jsx: ['Dropdown'],\n base: {\n minWidth: 0,\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAA2B,EAAiB,MAAM,CAC7D,UAAW,gCACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,EACX,CACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/preset",
3
- "version": "1.0.142",
3
+ "version": "1.0.143",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],