npm - @hitachivantara/uikit-react-core - Versions diffs - 5.28.0 → 5.29.0 - Mend

@hitachivantara/uikit-react-core 5.28.0 → 5.29.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.

Files changed (446) hide show

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\n\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\n\nimport isNil from \"lodash/isNil\";\n\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n HvFormElementDescriptorsContext,\n} from \"@core/components/Forms\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport { staticClasses, useClasses } from \"./CalendarHeader.styles\";\n\nexport { staticClasses as calendarHeaderClasses };\n\nexport type HvCalendarHeaderClasses = ExtractNames<typeof useClasses>;\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nexport const HvCalendarHeader = ({\n id,\n value,\n locale = \"en-US\",\n classes: classesProp,\n onChange,\n showEndDate,\n showDayOfWeek = false,\n onFocus,\n invalidDateLabel = \"Invalid Date\",\n ...others\n}: HvCalendarHeaderProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const { label } = useContext(HvFormElementDescriptorsContext);\n\n let localValue: string \| Date \| DateRangeProp \| undefined =\n value ?? elementValue ?? \"\";\n if (isRange(localValue)) {\n localValue = showEndDate ? localValue.endDate : localValue.startDate;\n }\n const [dateValue, setDateValue] = useState<\n string \| Date \| DateRangeProp \| undefined\n >(localValue);\n const [editedValue, setEditedValue] = useState<string \| null>(null);\n const [displayValue, setDisplayValue] = useState(\"\");\n const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n const localId = id ?? setId(elementId, \"calendarHeader\");\n\n const inputValue = editedValue ?? displayValue;\n const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n const [isValidValue, setIsValidValue] = useState(\n inputValue.length === 0 \|\| (!!inputValue && dayjs(localValue).isValid())\n );\n\n const validateInput = (incomingValid) =>\n incomingValid === undefined \|\| dayjs(incomingValid).isValid();\n useEffect(() => {\n const valid = validateInput(localValue);\n setIsValidValue(valid);\n if (valid) {\n if (!localValue) {\n setDisplayValue(\"\");\n setEditedValue(null);\n setWeekdayDisplay(\"\");\n return;\n }\n const weekday = new Intl.DateTimeFormat(locale, {\n weekday: \"short\",\n }).format(isDate(localValue) ? localValue : 0);\n setDisplayValue(formatToLocale(localValue, locale));\n setEditedValue(null);\n setWeekdayDisplay(weekday);\n }\n }, [localValue, locale]);\n\n const handleNewDate = (event, date) => {\n // attempt to format in locale data, or fallback to default\n const localeParsedDate = dayjs(date, localeFormat);\n\n const isValidInput = localeParsedDate.isValid();\n const dateParsed = isValidInput\n ? localeParsedDate.toDate()\n : dayjs(date).toDate();\n // prevent extra updates\n if (!isSameDay(dateParsed, dateValue)) {\n setDateValue(dateParsed);\n onChange?.(event, dateParsed);\n }\n\n setIsValidValue(isValidInput);\n if (isValidInput) {\n setEditedValue(null);\n }\n };\n\n const onBlurHandler = (event) => {\n if (isNil(editedValue)) return;\n if (editedValue === \"\") {\n setIsValidValue(true);\n setEditedValue(null);\n return;\n }\n handleNewDate(event, editedValue);\n };\n\n const keyDownHandler = (event) => {\n if (!isKey(event, \"Enter\") \|\| isNil(editedValue) \|\| editedValue === \"\")\n return;\n event.preventDefault();\n\n handleNewDate(event, editedValue);\n };\n\n const onFocusHandler = (event) => {\n if (!localValue) return;\n const formattedDate =\n isValidValue && isDate(localValue)\n ? dayjs(localValue).locale(locale).format(\"L\")\n : editedValue;\n setEditedValue(formattedDate);\n onFocus?.(event, formattedDate);\n };\n\n const onChangeHandler = (event) => {\n setEditedValue(event.target.value);\n };\n return (\n <>\n <div\n id={localId}\n className={cx(classes.root, {\n [classes.invalid]: !isValidValue && inputValue !== \"\",\n })}\n >\n {showDayOfWeek && (\n <HvTypography className={classes.headerDayOfWeek}>\n {weekdayDisplay \|\| \"\\u00A0\"}\n </HvTypography>\n )}\n\n <div className={classes.headerDate}>\n <input\n type=\"text\"\n id={setId(localId, \"header-input\")}\n placeholder={localeFormat}\n value={inputValue}\n className={classes.input}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n onChange={onChangeHandler}\n onKeyDown={keyDownHandler}\n aria-labelledby={label?.[0]?.id}\n {...others}\n />\n </div>\n </div>\n {!isValidValue && inputValue !== \"\" && (\n <div role=\"presentation\" className={classes.inputBorderContainer} />\n )}\n <div style={{ height: 32 }}>\n {!isValidValue && inputValue !== \"\" && (\n <HvTypography\n component=\"span\"\n variant=\"body\"\n className={classes?.invalidMessageStyling}\n >\n <Info color=\"brand\" iconSize=\"S\" />\n {invalidDateLabel}\n </HvTypography>\n )}\n </div>\n </>\n );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport interface HvCalendarHeaderProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarHeaderClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The text to be shown on the main part of the header.\n /\n value?: string \| Date \| DateRangeProp;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n /\n Callback to handle input onFocus.\n /\n onFocus?: (\n event: React.FocusEventHandler<any>,\n formattedDate: string \| null\n ) => void;\n /\n Indicates if header should display end date in a date range.\n /\n showEndDate?: boolean;\n /\n Indicates if header should display the day of week.\n /\n showDayOfWeek?: boolean;\n /\n Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","HvCalendarHeader","id","value","locale","classes","classesProp","onChange","showEndDate","showDayOfWeek","onFocus","invalidDateLabel","others","cx","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKey","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType"],"mappings":"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"}
1	+ {"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { useState, useEffect, useContext } from \"react\";\n\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\n\nimport isNil from \"lodash/isNil\";\n\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n HvFormElementDescriptorsContext,\n} from \"@core/components/Forms\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { isRange, isSameDay, formatToLocale, isDate } from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport { staticClasses, useClasses } from \"./CalendarHeader.styles\";\n\nexport { staticClasses as calendarHeaderClasses };\n\nexport type HvCalendarHeaderClasses = ExtractNames<typeof useClasses>;\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nexport const HvCalendarHeader = (props: HvCalendarHeaderProps) => {\n const {\n id,\n value,\n locale = \"en-US\",\n classes: classesProp,\n onChange,\n showEndDate,\n showDayOfWeek = false,\n onFocus,\n invalidDateLabel = \"Invalid Date\",\n ...others\n } = useDefaultProps(\"HvCalendarHeader\", props);\n const { classes, cx } = useClasses(classesProp);\n\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const { label } = useContext(HvFormElementDescriptorsContext);\n\n let localValue: string \| Date \| DateRangeProp \| undefined =\n value ?? elementValue ?? \"\";\n if (isRange(localValue)) {\n localValue = showEndDate ? localValue.endDate : localValue.startDate;\n }\n const [dateValue, setDateValue] = useState<\n string \| Date \| DateRangeProp \| undefined\n >(localValue);\n const [editedValue, setEditedValue] = useState<string \| null>(null);\n const [displayValue, setDisplayValue] = useState(\"\");\n const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n const localId = id ?? setId(elementId, \"calendarHeader\");\n\n const inputValue = editedValue ?? displayValue;\n const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n const [isValidValue, setIsValidValue] = useState(\n inputValue.length === 0 \|\| (!!inputValue && dayjs(localValue).isValid())\n );\n\n const validateInput = (incomingValid) =>\n incomingValid === undefined \|\| dayjs(incomingValid).isValid();\n useEffect(() => {\n const valid = validateInput(localValue);\n setIsValidValue(valid);\n if (valid) {\n if (!localValue) {\n setDisplayValue(\"\");\n setEditedValue(null);\n setWeekdayDisplay(\"\");\n return;\n }\n const weekday = new Intl.DateTimeFormat(locale, {\n weekday: \"short\",\n }).format(isDate(localValue) ? localValue : 0);\n setDisplayValue(formatToLocale(localValue, locale));\n setEditedValue(null);\n setWeekdayDisplay(weekday);\n }\n }, [localValue, locale]);\n\n const handleNewDate = (event, date) => {\n // attempt to format in locale data, or fallback to default\n const localeParsedDate = dayjs(date, localeFormat);\n\n const isValidInput = localeParsedDate.isValid();\n const dateParsed = isValidInput\n ? localeParsedDate.toDate()\n : dayjs(date).toDate();\n // prevent extra updates\n if (!isSameDay(dateParsed, dateValue)) {\n setDateValue(dateParsed);\n onChange?.(event, dateParsed);\n }\n\n setIsValidValue(isValidInput);\n if (isValidInput) {\n setEditedValue(null);\n }\n };\n\n const onBlurHandler = (event) => {\n if (isNil(editedValue)) return;\n if (editedValue === \"\") {\n setIsValidValue(true);\n setEditedValue(null);\n return;\n }\n handleNewDate(event, editedValue);\n };\n\n const keyDownHandler = (event) => {\n if (!isKey(event, \"Enter\") \|\| isNil(editedValue) \|\| editedValue === \"\")\n return;\n event.preventDefault();\n\n handleNewDate(event, editedValue);\n };\n\n const onFocusHandler = (event) => {\n if (!localValue) return;\n const formattedDate =\n isValidValue && isDate(localValue)\n ? dayjs(localValue).locale(locale).format(\"L\")\n : editedValue;\n setEditedValue(formattedDate);\n onFocus?.(event, formattedDate);\n };\n\n const onChangeHandler = (event) => {\n setEditedValue(event.target.value);\n };\n return (\n <>\n <div\n id={localId}\n className={cx(classes.root, {\n [classes.invalid]: !isValidValue && inputValue !== \"\",\n })}\n >\n {showDayOfWeek && (\n <HvTypography className={classes.headerDayOfWeek}>\n {weekdayDisplay \|\| \"\\u00A0\"}\n </HvTypography>\n )}\n\n <div className={classes.headerDate}>\n <input\n type=\"text\"\n id={setId(localId, \"header-input\")}\n placeholder={localeFormat}\n value={inputValue}\n className={classes.input}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n onChange={onChangeHandler}\n onKeyDown={keyDownHandler}\n aria-labelledby={label?.[0]?.id}\n {...others}\n />\n </div>\n </div>\n {!isValidValue && inputValue !== \"\" && (\n <div role=\"presentation\" className={classes.inputBorderContainer} />\n )}\n <div style={{ height: 32 }}>\n {!isValidValue && inputValue !== \"\" && (\n <HvTypography\n component=\"span\"\n variant=\"body\"\n className={classes?.invalidMessageStyling}\n >\n <Info color=\"brand\" iconSize=\"S\" />\n {invalidDateLabel}\n </HvTypography>\n )}\n </div>\n </>\n );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nexport interface HvCalendarHeaderProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarHeaderClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The text to be shown on the main part of the header.\n /\n value?: string \| Date \| DateRangeProp;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (\n event:\n \| React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>\n \| undefined,\n value: Date \| DateRangeProp\n ) => void;\n /\n Callback to handle input onFocus.\n /\n onFocus?: (\n event: React.FocusEventHandler<any>,\n formattedDate: string \| null\n ) => void;\n /\n Indicates if header should display end date in a date range.\n /\n showEndDate?: boolean;\n /\n Indicates if header should display the day of week.\n /\n showDayOfWeek?: boolean;\n /\n Label shown when date is invalid.\n */\n invalidDateLabel?: string;\n}\n"],"names":["dayjs","extend","localeData","localizedFormat","customParseFormat","HvCalendarHeader","props","id","value","locale","classes","classesProp","onChange","showEndDate","showDayOfWeek","onFocus","invalidDateLabel","others","useDefaultProps","cx","useClasses","elementId","useContext","HvFormElementContext","elementValue","HvFormElementValueContext","label","HvFormElementDescriptorsContext","localValue","isRange","endDate","startDate","dateValue","setDateValue","useState","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","setId","inputValue","localeFormat","longDateFormat","isValidValue","setIsValidValue","length","isValid","validateInput","incomingValid","undefined","useEffect","valid","weekday","Intl","DateTimeFormat","format","isDate","formatToLocale","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","isSameDay","onBlurHandler","isNil","keyDownHandler","isKey","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType"],"mappings":"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"}

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js CHANGED Viewed

@@ -8,18 +8,14 @@ const {
   root: {
     marginTop: theme.spacing("xs"),
     backgroundColor: theme.colors.atmo1,
-    borderBottom: theme.calendar.headerInputBorderBottom,
-    borderTop: theme.calendar.headerInputBorderTop,
-    borderLeft: theme.calendar.headerInputBorderLeft,
-    borderRight: theme.calendar.headerInputBorderRight,
-    borderRadius: theme.calendar.borderRadius,
+    border: `1px solid ${theme.colors.secondary_80}`,
     "&:hover, &:focus": {
       borderBottom: `1px solid ${theme.colors.secondary}`
     }
   },
   invalid: {},
   headerDayOfWeek: {
-    color: theme.calendar.headerInputFontColor,
+    color: theme.colors.secondary_80,
     paddingLeft: theme.spacing("xs")
   },
   headerDate: {},
@@ -28,11 +24,10 @@ const {
     backgroundColor: "transparent",
     padding: `5px ${theme.spacing("xs")}`,
     fontFamily: theme.fontFamily.body,
-    color: theme.calendar.headerInputFontColor,
-    fontSize: theme.calendar.headerInputFontSize,
-    letterSpacing: theme.calendar.headerInputFontLetterSpacing,
-    lineHeight: theme.calendar.headerInputFontLineHeight,
-    fontWeight: theme.calendar.headerInputFontWeight,
+    color: theme.colors.secondary_80,
+    fontSize: theme.fontSizes.base,
+    lineHeight: theme.lineHeights.base,
+    fontWeight: theme.fontWeights.normal,
     width: "100%",
     "&::placeholder": {
       color: theme.colors.secondary_60

package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendarHeader\", {\n root: {\n marginTop: theme.spacing(\"xs\"),\n backgroundColor: theme.colors.atmo1,\n ~~borderBottom~~: ~~theme.calendar.headerInputBorderBottom,\n borderTop:~~ ~~theme.calendar.headerInputBorderTop,\n borderLeft:~~ theme.~~calendar~~.~~headerInputBorderLeft,\~~n ~~borderRight: theme.calendar.headerInputBorderRight,\n borderRadius: theme.calendar.borderRadius,\n~~ \"&:hover, &:focus\": {\n borderBottom: `1px solid ${theme.colors.secondary}`,\n },\n },\n invalid: {},\n headerDayOfWeek: {\n color: theme.~~calendar~~.~~headerInputFontColor~~,\n paddingLeft: theme.spacing(\"xs\"),\n },\n headerDate: {},\n input: {\n border: \"none\",\n backgroundColor: \"transparent\",\n padding: `5px ${theme.spacing(\"xs\")}`,\n fontFamily: theme.fontFamily.body,\n\n color: theme.~~calendar~~.~~headerInputFontColor~~,\n fontSize: theme.~~calendar~~.~~headerInputFontSize~~,\n ~~letterSpacing: theme.calendar.headerInputFontLetterSpacing,\n~~ lineHeight: theme.~~calendar~~.~~headerInputFontLineHeight~~,\n fontWeight: theme.~~calendar~~.~~headerInputFontWeight~~,\n width: \"100%\",\n \"&::placeholder\": {\n color: theme.colors.secondary_60,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n },\n inputBorderContainer: {\n backgroundColor: theme.colors.negative,\n height: 1,\n marginTop: -1,\n },\n invalidMessageStyling: {\n display: \"flex\",\n alignItems: \"center\",\n color: theme.colors.negative,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","marginTop","theme","spacing","backgroundColor","colors","atmo1","~~borderBottom~~","~~calendar~~","~~headerInputBorderBottom~~","~~borderTop","headerInputBorderTop","borderLeft","headerInputBorderLeft","borderRight","headerInputBorderRight","borderRadius","~~secondary","invalid","headerDayOfWeek","color","~~headerInputFontColor","~~paddingLeft","headerDate","input","~~border","~~padding","fontFamily","body","fontSize","~~headerInputFontSize~~","~~letterSpacing~~","~~headerInputFontLetterSpacing~~","~~lineHeight~~","~~headerInputFontLineHeight~~","~~fontWeight~~","~~headerInputFontWeight~~","width","secondary_60","outline","outlineStyles","inputBorderContainer","negative","height","invalidMessageStyling","display","alignItems"],"mappings":";;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,WAAWC,MAAMC,QAAQ,IAAI;AAAA,IAC7BC,iBAAiBF,MAAMG,OAAOC;AAAAA,IAC9BC,~~cAAcL~~,~~MAAMM~~,~~SAASC;AAAAA~~,~~IAC7BC~~,~~WAAWR,MAAMM,SAASG~~;~~AAAAA~~,~~IAC1BC~~,~~YAAYV,MAAMM,SAASK;AAAAA,IAC3BC,aAAaZ,MAAMM,SAASO;AAAAA,IAC5BC,cAAcd,MAAMM,SAASQ;AAAAA,IAC7B,~~oBAAoB;AAAA,~~MAClBT~~,cAAe,~~aAAYL~~,MAAMG,~~OAAOY~~,SAAU;AAAA,IACpD;AAAA,EACF;AAAA,EACAC,SAAS,CAAC;AAAA,EACVC,iBAAiB;AAAA,IACfC,~~OAAOlB~~,~~MAAMM~~,~~SAASa~~;AAAAA,~~IACtBC~~,~~aAAapB~~,MAAMC,QAAQ,IAAI;AAAA,EACjC;AAAA,~~EACAoB~~,YAAY,CAAC;AAAA,EACbC,OAAO;AAAA,~~IACLC~~,QAAQ;AAAA,~~IACRrB~~,iBAAiB;AAAA,~~IACjBsB~~,SAAU,~~OAAMxB~~,MAAMC,QAAQ,IAAI,CAAE;AAAA,~~IACpCwB~~,~~YAAYzB~~,~~MAAMyB~~,WAAWC;AAAAA,~~IAE7BR~~,~~OAAOlB~~,~~MAAMM~~,~~SAASa~~;AAAAA,~~IACtBQ~~,~~UAAU3B~~,~~MAAMM~~,~~SAASsB~~;AAAAA,~~IACzBC~~,~~eAAe7B~~,~~MAAMM~~,~~SAASwB~~;AAAAA,~~IAC9BC~~,~~YAAY/B~~,~~MAAMM~~,~~SAAS0B~~;AAAAA,~~IAC3BC~~,~~YAAYjC,MAAMM,SAAS4B;AAAAA,IAC3BC,~~OAAO;AAAA,IACP,kBAAkB;AAAA,~~MAChBjB~~,~~OAAOlB~~,MAAMG,~~OAAOiC~~;AAAAA,IACtB;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,~~IACpBrC~~,iBAAiBF,MAAMG,~~OAAOqC~~;AAAAA,IAC9BC,QAAQ;AAAA,~~IACR1C~~,WAAW;AAAA,EACb;AAAA,~~EACA2C~~,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,~~IACZ1B~~,~~OAAOlB~~,MAAMG,~~OAAOqC~~;AAAAA,EACtB;AACF,CAAC;"}
1	+ {"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/CalendarHeader/CalendarHeader.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendarHeader\", {\n root: {\n marginTop: theme.spacing(\"xs\"),\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.colors.secondary_80}`,\n \"&:hover, &:focus\": {\n borderBottom: `1px solid ${theme.colors.secondary}`,\n },\n },\n invalid: {},\n headerDayOfWeek: {\n color: theme.colors.secondary_80,\n paddingLeft: theme.spacing(\"xs\"),\n },\n headerDate: {},\n input: {\n border: \"none\",\n backgroundColor: \"transparent\",\n padding: `5px ${theme.spacing(\"xs\")}`,\n fontFamily: theme.fontFamily.body,\n\n color: theme.colors.secondary_80,\n fontSize: theme.fontSizes.base,\n lineHeight: theme.lineHeights.base,\n fontWeight: theme.fontWeights.normal,\n width: \"100%\",\n \"&::placeholder\": {\n color: theme.colors.secondary_60,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n },\n inputBorderContainer: {\n backgroundColor: theme.colors.negative,\n height: 1,\n marginTop: -1,\n },\n invalidMessageStyling: {\n display: \"flex\",\n alignItems: \"center\",\n color: theme.colors.negative,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","marginTop","theme","spacing","backgroundColor","colors","atmo1","border","secondary_80","borderBottom","secondary","invalid","headerDayOfWeek","color","paddingLeft","headerDate","input","padding","fontFamily","body","fontSize","fontSizes","base","lineHeight","lineHeights","fontWeight","fontWeights","normal","width","secondary_60","outline","outlineStyles","inputBorderContainer","negative","height","invalidMessageStyling","display","alignItems"],"mappings":";;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,WAAWC,MAAMC,QAAQ,IAAI;AAAA,IAC7BC,iBAAiBF,MAAMG,OAAOC;AAAAA,IAC9BC,QAAS,aAAYL,MAAMG,OAAOG,YAAa;AAAA,IAC/C,oBAAoB;AAAA,MAClBC,cAAe,aAAYP,MAAMG,OAAOK,SAAU;AAAA,IACpD;AAAA,EACF;AAAA,EACAC,SAAS,CAAC;AAAA,EACVC,iBAAiB;AAAA,IACfC,OAAOX,MAAMG,OAAOG;AAAAA,IACpBM,aAAaZ,MAAMC,QAAQ,IAAI;AAAA,EACjC;AAAA,EACAY,YAAY,CAAC;AAAA,EACbC,OAAO;AAAA,IACLT,QAAQ;AAAA,IACRH,iBAAiB;AAAA,IACjBa,SAAU,OAAMf,MAAMC,QAAQ,IAAI,CAAE;AAAA,IACpCe,YAAYhB,MAAMgB,WAAWC;AAAAA,IAE7BN,OAAOX,MAAMG,OAAOG;AAAAA,IACpBY,UAAUlB,MAAMmB,UAAUC;AAAAA,IAC1BC,YAAYrB,MAAMsB,YAAYF;AAAAA,IAC9BG,YAAYvB,MAAMwB,YAAYC;AAAAA,IAC9BC,OAAO;AAAA,IACP,kBAAkB;AAAA,MAChBf,OAAOX,MAAMG,OAAOwB;AAAAA,IACtB;AAAA,IACA,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IACpB5B,iBAAiBF,MAAMG,OAAO4B;AAAAA,IAC9BC,QAAQ;AAAA,IACRjC,WAAW;AAAA,EACb;AAAA,EACAkC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZxB,OAAOX,MAAMG,OAAO4B;AAAAA,EACtB;AACF,CAAC;"}

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js CHANGED Viewed

@@ -3,22 +3,24 @@ import { useRef } from "react";
 import { isDateRangeProp, isSameDay, isSameMonth, dateInProvidedValueRange, checkIfDateIsDisabled } from "../utils.js";
 import { useClasses } from "./CalendarCell.styles.js";
 import { staticClasses } from "./CalendarCell.styles.js";
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
 import { HvTypography } from "../../Typography/Typography.js";
-const HvCalendarCell = ({
-  classes: classesProp,
-  onChange,
-  onKeyDown,
-  calendarValue,
-  firstDayOfCurrentMonth,
-  value,
-  isDateSelectionMode,
-  today,
-  locale,
-  minimumDate,
-  maximumDate,
-  rangeMode = false,
-  ...others
-}) => {
+const HvCalendarCell = (props) => {
+  const {
+    classes: classesProp,
+    onChange,
+    onKeyDown,
+    calendarValue,
+    firstDayOfCurrentMonth,
+    value,
+    isDateSelectionMode,
+    today,
+    locale,
+    minimumDate,
+    maximumDate,
+    rangeMode = false,
+    ...others
+  } = useDefaultProps("HvCalendarCell", props);
   const {
     classes,
     cx

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarCell.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport {\n isSameDay,\n isSameMonth,\n dateInProvidedValueRange,\n checkIfDateIsDisabled,\n isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport CalendarModel from \"../model\";\n\nimport { staticClasses, useClasses } from \"./CalendarCell.styles\";\n\nexport { staticClasses as calendarCellClasses };\n\nexport type HvCalendarCellClasses = ExtractNames<typeof useClasses>;\n\nexport const HvCalendarCell = ({\n classes: classesProp,\n onChange,\n onKeyDown,\n calendarValue,\n firstDayOfCurrentMonth,\n value,\n isDateSelectionMode,\n today,\n locale,\n minimumDate,\n maximumDate,\n rangeMode = false,\n ...others\n}: ~~HvCalendarCellProps)~~ => {\n const { classes, cx } = useClasses(classesProp);\n\n const buttonEl = useRef<HTMLButtonElement>(null);\n\n const startDate = isDateRangeProp(calendarValue)\n ? calendarValue.startDate\n : undefined;\n const endDate = isDateRangeProp(calendarValue)\n ? calendarValue.endDate\n : undefined;\n const isCellToday = isSameDay(value, today);\n const isCellSelected = isSameDay(calendarValue, value);\n const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n const isCellAfterStartingDate =\n rangeMode && value && startDate ? value >= startDate : false;\n const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n const isDateInSelectionRange =\n calendarValue && rangeMode\n ? dateInProvidedValueRange(value, calendarValue)\n : false;\n const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n const startBookend = isSameDay(startDate, value);\n const endBookend = isSameDay(endDate, value);\n const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n const handleClick = (event: SyntheticEvent) => {\n if (value) {\n onChange?.(event, value);\n if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n }\n };\n\n const handleKeyDown = (event) => {\n onKeyDown?.(event);\n };\n\n const renderDate = () => (\n <button\n ref={buttonEl}\n type=\"button\"\n className={cx(classes.cellContainer, {\n [classes.focusSelection]: inMonth,\n })}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={isDateDisabled \|\| !inMonth}\n data-in-month={inMonth}\n {...others}\n >\n <HvTypography\n variant={isCellToday ? \"label\" : \"body\"}\n className={cx(classes.calendarDate, {\n [classes.calendarDateSelected]: inMonth && isCellSelected,\n [classes.calendarDateNotInMonth]: !inMonth,\n [classes.calendarDateInSelectionRange]:\n inMonth && rangeMode && isDateInSelectionRange,\n [classes.calendarDateDisabled]: isDateDisabled,\n [classes.startBookend]:\n inMonth &&\n ((startBookend && rangeMode) \|\|\n (isCellStartingDate && isDateSelectionMode)),\n [classes.endBookend]: inMonth && endBookend && rangeMode,\n })}\n >\n {value && value.getDate()}\n </HvTypography>\n </button>\n );\n\n return (\n <div\n className={cx(classes.dateWrapper, {\n [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n })}\n data-calendar-cell=\"calendarCell\"\n >\n {renderDate()}\n </div>\n );\n};\n\nexport interface HvCalendarCellProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarCellClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The text to be shown on the main part of the header.\n /\n calendarValue?: string \| Date \| DateRangeProp;\n /\n The text to be shown on the main part of the header.\n /\n value?: Date;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (event: SyntheticEvent, value: Date \| DateRangeProp) => void;\n /\n Callback to handle input onFocus.\n */\n onFocus?: React.FocusEventHandler<any>;\n\n calendarModel?: CalendarModel;\n onKeyDown?: (event: KeyboardEvent) => void;\n\n today?: Date;\n minimumDate?: Date;\n maximumDate?: Date;\n firstDayOfCurrentMonth?: Date;\n isDateSelectionMode?: boolean;\n rangeMode?: boolean;\n tabIndex?: number;\n}\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","classes","classesProp","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","cx","useClasses","buttonEl","useRef","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","cellContainer","focusSelection","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange"],"mappings":"~~;;;;;;AAoBO~~,~~MAAMA~~,iBAAiBA,~~CAAC~~;AAAA,~~EAC7BC~~,SAASC;AAAAA,~~EACTC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~,YAAY;AAAA,~~EACZ~~,GAAGC;~~AACgB~~,~~MAAM~~;~~AACnB~~,QAAA;AAAA,~~IAAEb~~;AAAAA,~~IAASc~~;AAAAA,EAAAA,IAAOC,~~WAAWd~~,WAAW;~~AAExCe~~,QAAAA,WAAWC,OAA0B,IAAI;AAE/C,QAAMC,YAAYC,~~gBAAgBf~~,aAAa,IAC3CA,~~cAAcc~~,YACdE;AACJ,QAAMC,UAAUF,~~gBAAgBf~~,aAAa,IACzCA,~~cAAciB~~,UACdD;AACEE,QAAAA,cAAcC,~~UAAUjB~~,OAAOE,KAAK;~~AACpCgB~~,QAAAA,iBAAiBD,~~UAAUnB~~,eAAeE,KAAK;AAC/~~CmB~~,QAAAA,UAAUC,~~YAAYpB~~,OAAOD,sBAAsB;AACzD,~~QAAMsB~~,~~0BACJf~~,aAAaN,~~SAASY~~,~~YAAYZ~~,~~SAASY~~,YAAY;AACzD,QAAMU,~~qBAAqBhB~~,~~YAAYW~~,~~UAAUjB~~,~~OAAOY~~,SAAS,IAAI;AACrE,QAAMW,~~yBACJzB~~,iBAAiBQ,~~YACbkB~~,~~yBAAyBxB~~,OAAOF,aAAa,IAC7C;AACN,~~QAAM2B~~,iBAAiBC,~~sBAAsB1B~~,OAAOI,aAAaC,WAAW;~~AACtEsB~~,QAAAA,eAAeV,UAAUL,~~WAAWZ~~,KAAK;~~AACzC4B~~,QAAAA,aAAaX,UAAUF,~~SAASf~~,KAAK;AAC3C,~~QAAM6B~~,~~cAAc5B~~,~~uBAAuBoB~~;AAErCS,QAAAA,cAAcA,CAACC,UAA0B;AAC7C,~~QAAI/B~~,OAAO;AACTJ,~~2CAAWmC~~,~~OAAO/B~~;AAClB,~~UAAIU~~,SAASsB;AAASC,mBAAW,MAAA;;AAAMvB,4DAAUsB,YAAVtB,mBAAmBwB;AAAAA,SAAO;AAAA,IACnE;AAAA,EAAA;AAGF,QAAMC,gBAAiBJ,CAAU,UAAA;AAC/~~BlC~~,~~2CAAYkC~~;AAAAA,EAAK;AAGbK,QAAAA,aAAaA,MACjB,oBAAC,UACC,EAAA,KAAK1B,UACL,MAAK,UACL,WAAWF,~~GAAGd~~,~~QAAQ2C~~,eAAe;AAAA,IACnC,~~CAAC3C~~,~~QAAQ4C~~,cAAc,GAAGnB;AAAAA,EAC3B,CAAA,GACD,SAASW,aACT,WAAWK,eACX,UAAUV,kBAAkB,CAACN,SAC7B,iBAAeA,SACf,~~GAAIZ~~,QAEJ,UAAC,oBAAA,cAAA,EACC,~~SAASS~~,cAAc,UAAU,QACjC,WAAWR,~~GAAGd~~,~~QAAQ6C~~,cAAc;AAAA,IAClC,~~CAAC7C~~,~~QAAQ8C~~,oBAAoB,GAAGrB,WAAWD;AAAAA,IAC3C,~~CAACxB~~,~~QAAQ+C~~,sBAAsB,GAAG,CAACtB;AAAAA,IACnC,~~CAACzB~~,~~QAAQgD~~,4BAA4B,GACnCvB,~~WAAWb~~,~~aAAaiB~~;AAAAA,IAC1B,~~CAAC7B~~,~~QAAQiD~~,oBAAoB,GAAGlB;AAAAA,IAChC,~~CAAC/B~~,~~QAAQiC~~,YAAY,GACnBR,YACEQ,~~gBAAgBrB~~,~~aACfgB~~,~~sBAAsBrB~~;AAAAA,IAC3B,CAACP,~~QAAQkC~~,UAAU,GAAGT,WAAWS,~~cAActB~~;AAAAA,EAAAA,CAChD,GAEAN,UAAAA,SAASA,~~MAAM4C~~,WAClB,EACF,CAAA;AAGF,SACG,oBAAA,OAAA,EACC,WAAWpC,~~GAAGd~~,~~QAAQmD~~,aAAa;AAAA,IACjC,~~CAACnD~~,~~QAAQoD~~,YAAY,GAAG3B,~~WAAWb~~,~~aAAauB~~;AAAAA,IAChD,~~CAACnC~~,~~QAAQqD~~,iBAAiB,~~GAAGzC~~,aAAa,~~CAACuB~~;AAAAA,EAAAA,CAC5C,GACD,sBAAmB,gBAElBO,uBACH,CAAA;AAEJ;"}
1	+ {"version":3,"file":"CalendarCell.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.tsx"],"sourcesContent":["import { SyntheticEvent, useRef } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport {\n isSameDay,\n isSameMonth,\n dateInProvidedValueRange,\n checkIfDateIsDisabled,\n isDateRangeProp,\n} from \"../utils\";\nimport { DateRangeProp } from \"../types\";\nimport CalendarModel from \"../model\";\n\nimport { staticClasses, useClasses } from \"./CalendarCell.styles\";\n\nexport { staticClasses as calendarCellClasses };\n\nexport type HvCalendarCellClasses = ExtractNames<typeof useClasses>;\n\nexport const HvCalendarCell = (props: HvCalendarCellProps) => {\n const {\n classes: classesProp,\n onChange,\n onKeyDown,\n calendarValue,\n firstDayOfCurrentMonth,\n value,\n isDateSelectionMode,\n today,\n locale,\n minimumDate,\n maximumDate,\n rangeMode = false,\n ...others\n } = useDefaultProps(\"HvCalendarCell\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n const buttonEl = useRef<HTMLButtonElement>(null);\n\n const startDate = isDateRangeProp(calendarValue)\n ? calendarValue.startDate\n : undefined;\n const endDate = isDateRangeProp(calendarValue)\n ? calendarValue.endDate\n : undefined;\n const isCellToday = isSameDay(value, today);\n const isCellSelected = isSameDay(calendarValue, value);\n const inMonth = isSameMonth(value, firstDayOfCurrentMonth);\n const isCellAfterStartingDate =\n rangeMode && value && startDate ? value >= startDate : false;\n const isCellStartingDate = rangeMode ? isSameDay(value, startDate) : false;\n const isDateInSelectionRange =\n calendarValue && rangeMode\n ? dateInProvidedValueRange(value, calendarValue)\n : false;\n const isDateDisabled = checkIfDateIsDisabled(value, minimumDate, maximumDate);\n const startBookend = isSameDay(startDate, value);\n const endBookend = isSameDay(endDate, value);\n const isSelecting = isDateSelectionMode && isCellAfterStartingDate;\n\n const handleClick = (event: SyntheticEvent) => {\n if (value) {\n onChange?.(event, value);\n if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());\n }\n };\n\n const handleKeyDown = (event) => {\n onKeyDown?.(event);\n };\n\n const renderDate = () => (\n <button\n ref={buttonEl}\n type=\"button\"\n className={cx(classes.cellContainer, {\n [classes.focusSelection]: inMonth,\n })}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={isDateDisabled \|\| !inMonth}\n data-in-month={inMonth}\n {...others}\n >\n <HvTypography\n variant={isCellToday ? \"label\" : \"body\"}\n className={cx(classes.calendarDate, {\n [classes.calendarDateSelected]: inMonth && isCellSelected,\n [classes.calendarDateNotInMonth]: !inMonth,\n [classes.calendarDateInSelectionRange]:\n inMonth && rangeMode && isDateInSelectionRange,\n [classes.calendarDateDisabled]: isDateDisabled,\n [classes.startBookend]:\n inMonth &&\n ((startBookend && rangeMode) \|\|\n (isCellStartingDate && isDateSelectionMode)),\n [classes.endBookend]: inMonth && endBookend && rangeMode,\n })}\n >\n {value && value.getDate()}\n </HvTypography>\n </button>\n );\n\n return (\n <div\n className={cx(classes.dateWrapper, {\n [classes.cellsInRange]: inMonth && rangeMode && isSelecting,\n [classes.cellsOutsideRange]: rangeMode && !isSelecting,\n })}\n data-calendar-cell=\"calendarCell\"\n >\n {renderDate()}\n </div>\n );\n};\n\nexport interface HvCalendarCellProps {\n /*\n A Jss Object used to override or extend the component styles.\n /\n classes?: HvCalendarCellClasses;\n /\n Identifier.\n /\n id?: string;\n /\n The text to be shown on the main part of the header.\n /\n calendarValue?: string \| Date \| DateRangeProp;\n /\n The text to be shown on the main part of the header.\n /\n value?: Date;\n /\n Locale to be used by the calendar.\n /\n locale?: string;\n /\n Callback to define the input date.\n /\n onChange?: (event: SyntheticEvent, value: Date \| DateRangeProp) => void;\n /\n Callback to handle input onFocus.\n */\n onFocus?: React.FocusEventHandler<any>;\n\n calendarModel?: CalendarModel;\n onKeyDown?: (event: KeyboardEvent) => void;\n\n today?: Date;\n minimumDate?: Date;\n maximumDate?: Date;\n firstDayOfCurrentMonth?: Date;\n isDateSelectionMode?: boolean;\n rangeMode?: boolean;\n tabIndex?: number;\n}\n\nexport default HvCalendarCell;\n"],"names":["HvCalendarCell","props","classes","classesProp","onChange","onKeyDown","calendarValue","firstDayOfCurrentMonth","value","isDateSelectionMode","today","locale","minimumDate","maximumDate","rangeMode","others","useDefaultProps","cx","useClasses","buttonEl","useRef","startDate","isDateRangeProp","undefined","endDate","isCellToday","isSameDay","isCellSelected","inMonth","isSameMonth","isCellAfterStartingDate","isCellStartingDate","isDateInSelectionRange","dateInProvidedValueRange","isDateDisabled","checkIfDateIsDisabled","startBookend","endBookend","isSelecting","handleClick","event","current","setTimeout","focus","handleKeyDown","renderDate","cellContainer","focusSelection","calendarDate","calendarDateSelected","calendarDateNotInMonth","calendarDateInSelectionRange","calendarDateDisabled","getDate","dateWrapper","cellsInRange","cellsOutsideRange"],"mappings":";;;;;;;AAqBaA,MAAAA,iBAAiBA,CAACC,UAA+B;AACtD,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZ,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,kBAAkBf,KAAK;AAErC,QAAA;AAAA,IAAEC;AAAAA,IAASe;AAAAA,EAAAA,IAAOC,WAAWf,WAAW;AAExCgB,QAAAA,WAAWC,OAA0B,IAAI;AAE/C,QAAMC,YAAYC,gBAAgBhB,aAAa,IAC3CA,cAAce,YACdE;AACJ,QAAMC,UAAUF,gBAAgBhB,aAAa,IACzCA,cAAckB,UACdD;AACEE,QAAAA,cAAcC,UAAUlB,OAAOE,KAAK;AACpCiB,QAAAA,iBAAiBD,UAAUpB,eAAeE,KAAK;AAC/CoB,QAAAA,UAAUC,YAAYrB,OAAOD,sBAAsB;AACzD,QAAMuB,0BACJhB,aAAaN,SAASa,YAAYb,SAASa,YAAY;AACzD,QAAMU,qBAAqBjB,YAAYY,UAAUlB,OAAOa,SAAS,IAAI;AACrE,QAAMW,yBACJ1B,iBAAiBQ,YACbmB,yBAAyBzB,OAAOF,aAAa,IAC7C;AACN,QAAM4B,iBAAiBC,sBAAsB3B,OAAOI,aAAaC,WAAW;AACtEuB,QAAAA,eAAeV,UAAUL,WAAWb,KAAK;AACzC6B,QAAAA,aAAaX,UAAUF,SAAShB,KAAK;AAC3C,QAAM8B,cAAc7B,uBAAuBqB;AAErCS,QAAAA,cAAcA,CAACC,UAA0B;AAC7C,QAAIhC,OAAO;AACTJ,2CAAWoC,OAAOhC;AAClB,UAAIW,SAASsB;AAASC,mBAAW,MAAA;;AAAMvB,4DAAUsB,YAAVtB,mBAAmBwB;AAAAA,SAAO;AAAA,IACnE;AAAA,EAAA;AAGF,QAAMC,gBAAiBJ,CAAU,UAAA;AAC/BnC,2CAAYmC;AAAAA,EAAK;AAGbK,QAAAA,aAAaA,MACjB,oBAAC,UACC,EAAA,KAAK1B,UACL,MAAK,UACL,WAAWF,GAAGf,QAAQ4C,eAAe;AAAA,IACnC,CAAC5C,QAAQ6C,cAAc,GAAGnB;AAAAA,EAC3B,CAAA,GACD,SAASW,aACT,WAAWK,eACX,UAAUV,kBAAkB,CAACN,SAC7B,iBAAeA,SACf,GAAIb,QAEJ,UAAC,oBAAA,cAAA,EACC,SAASU,cAAc,UAAU,QACjC,WAAWR,GAAGf,QAAQ8C,cAAc;AAAA,IAClC,CAAC9C,QAAQ+C,oBAAoB,GAAGrB,WAAWD;AAAAA,IAC3C,CAACzB,QAAQgD,sBAAsB,GAAG,CAACtB;AAAAA,IACnC,CAAC1B,QAAQiD,4BAA4B,GACnCvB,WAAWd,aAAakB;AAAAA,IAC1B,CAAC9B,QAAQkD,oBAAoB,GAAGlB;AAAAA,IAChC,CAAChC,QAAQkC,YAAY,GACnBR,YACEQ,gBAAgBtB,aACfiB,sBAAsBtB;AAAAA,IAC3B,CAACP,QAAQmC,UAAU,GAAGT,WAAWS,cAAcvB;AAAAA,EAAAA,CAChD,GAEAN,UAAAA,SAASA,MAAM6C,WAClB,EACF,CAAA;AAGF,SACG,oBAAA,OAAA,EACC,WAAWpC,GAAGf,QAAQoD,aAAa;AAAA,IACjC,CAACpD,QAAQqD,YAAY,GAAG3B,WAAWd,aAAawB;AAAAA,IAChD,CAACpC,QAAQsD,iBAAiB,GAAG1C,aAAa,CAACwB;AAAAA,EAAAA,CAC5C,GACD,sBAAmB,gBAElBO,uBACH,CAAA;AAEJ;"}

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.styles.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../../utils/focusUtils.js";
 import { createClasses } from "../../../utils/classes.js";
 const hover = {
-  backgroundColor: theme.calendar.cellHoverColor,
+  backgroundColor: theme.colors.containerBackgroundHover,
   cursor: "pointer"
 };
 const {

package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarCell.styles.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = {\n backgroundColor: theme.~~calendar~~.~~cellHoverColor~~,\n cursor: \"pointer\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendarCell\", {\n cellContainer: {\n cursor: \"pointer\",\n border: 0,\n padding: 0,\n margin: 0,\n backgroundColor: \"transparent\",\n },\n focusSelection: {\n \"&:hover\": {\n ...hover,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...hover,\n ...outlineStyles,\n },\n },\n calendarDate: {\n display: \"flex\",\n justifyContent: \"center\",\n flexDirection: \"column\",\n textAlign: \"center\",\n height: \"40px\",\n width: \"40px\",\n },\n calendarDateSelected: {\n backgroundColor: theme.colors.atmo3,\n color: theme.colors.secondary,\n \"&:hover\": {\n ...hover,\n },\n },\n calendarDateNotInMonth: {\n color: theme.colors.secondary_60,\n cursor: \"not-allowed\",\n },\n calendarDateInSelectionRange: {\n backgroundColor: theme.colors.atmo3,\n },\n calendarDateDisabled: {\n color: theme.colors.secondary_60,\n cursor: \"no-drop\",\n },\n startBookend: {\n borderLeft: `1px solid ${theme.colors.secondary}`,\n },\n endBookend: {\n borderRight: `1px solid ${theme.colors.secondary}`,\n },\n dateWrapper: {\n width: \"40px\",\n height: \"40px\",\n },\n cellsInRange: {\n \"&:focus\": {\n outside: \"none\",\n },\n },\n cellsOutsideRange: {\n \"&:focus\": {\n outside: \"none\",\n },\n },\n});\n"],"names":["hover","backgroundColor","theme","~~calendar~~","~~cellHoverColor~~","cursor","staticClasses","useClasses","createClasses","cellContainer","border","padding","margin","focusSelection","outline","outlineStyles","calendarDate","display","justifyContent","flexDirection","textAlign","height","width","calendarDateSelected","~~colors","~~atmo3","color","secondary","calendarDateNotInMonth","secondary_60","calendarDateInSelectionRange","calendarDateDisabled","startBookend","borderLeft","endBookend","borderRight","dateWrapper","cellsInRange","outside","cellsOutsideRange"],"mappings":";;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,MAAMC,~~SAASC~~;AAAAA,~~EAChCC~~,QAAQ;AACV;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,eAAe;AAAA,IACbJ,QAAQ;AAAA,IACRK,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRX,iBAAiB;AAAA,EACnB;AAAA,EACAY,gBAAgB;AAAA,IACd,WAAW;AAAA,MACT,GAAGb;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTc,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGd;AAAAA,MACH,GAAGe;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,EACT;AAAA,EACAC,sBAAsB;AAAA,IACpBtB,iBAAiBC,~~MAAMsB~~,~~OAAOC~~;AAAAA,IAC9BC,~~OAAOxB~~,~~MAAMsB~~,~~OAAOG~~;AAAAA,IACpB,WAAW;AAAA,MACT,~~GAAG3B~~;AAAAA,IACL;AAAA,EACF;AAAA,~~EACA4B~~,wBAAwB;AAAA,IACtBF,~~OAAOxB~~,~~MAAMsB~~,~~OAAOK~~;AAAAA,~~IACpBxB~~,QAAQ;AAAA,EACV;AAAA,~~EACAyB~~,8BAA8B;AAAA,~~IAC5B7B~~,iBAAiBC,~~MAAMsB~~,~~OAAOC~~;AAAAA,EAChC;AAAA,EACAM,sBAAsB;AAAA,IACpBL,~~OAAOxB~~,~~MAAMsB~~,~~OAAOK~~;AAAAA,~~IACpBxB~~,QAAQ;AAAA,EACV;AAAA,~~EACA2B~~,cAAc;AAAA,IACZC,YAAa,~~aAAY/B~~,~~MAAMsB~~,~~OAAOG~~,SAAU;AAAA,EAClD;AAAA,EACAO,YAAY;AAAA,IACVC,aAAc,~~aAAYjC~~,~~MAAMsB~~,~~OAAOG~~,SAAU;AAAA,EACnD;AAAA,EACAS,aAAa;AAAA,~~IACXd~~,OAAO;AAAA,IACPD,QAAQ;AAAA,EACV;AAAA,~~EACAgB~~,cAAc;AAAA,IACZ,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjB,WAAW;AAAA,MACTD,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}
1	+ {"version":3,"file":"CalendarCell.styles.js","sources":["../../../../../src/components/Calendar/SingleCalendar/CalendarCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = {\n backgroundColor: theme.colors.containerBackgroundHover,\n cursor: \"pointer\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCalendarCell\", {\n cellContainer: {\n cursor: \"pointer\",\n border: 0,\n padding: 0,\n margin: 0,\n backgroundColor: \"transparent\",\n },\n focusSelection: {\n \"&:hover\": {\n ...hover,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n \"&:focus-visible\": {\n ...hover,\n ...outlineStyles,\n },\n },\n calendarDate: {\n display: \"flex\",\n justifyContent: \"center\",\n flexDirection: \"column\",\n textAlign: \"center\",\n height: \"40px\",\n width: \"40px\",\n },\n calendarDateSelected: {\n backgroundColor: theme.colors.atmo3,\n color: theme.colors.secondary,\n \"&:hover\": {\n ...hover,\n },\n },\n calendarDateNotInMonth: {\n color: theme.colors.secondary_60,\n cursor: \"not-allowed\",\n },\n calendarDateInSelectionRange: {\n backgroundColor: theme.colors.atmo3,\n },\n calendarDateDisabled: {\n color: theme.colors.secondary_60,\n cursor: \"no-drop\",\n },\n startBookend: {\n borderLeft: `1px solid ${theme.colors.secondary}`,\n },\n endBookend: {\n borderRight: `1px solid ${theme.colors.secondary}`,\n },\n dateWrapper: {\n width: \"40px\",\n height: \"40px\",\n },\n cellsInRange: {\n \"&:focus\": {\n outside: \"none\",\n },\n },\n cellsOutsideRange: {\n \"&:focus\": {\n outside: \"none\",\n },\n },\n});\n"],"names":["hover","backgroundColor","theme","colors","containerBackgroundHover","cursor","staticClasses","useClasses","createClasses","cellContainer","border","padding","margin","focusSelection","outline","outlineStyles","calendarDate","display","justifyContent","flexDirection","textAlign","height","width","calendarDateSelected","atmo3","color","secondary","calendarDateNotInMonth","secondary_60","calendarDateInSelectionRange","calendarDateDisabled","startBookend","borderLeft","endBookend","borderRight","dateWrapper","cellsInRange","outside","cellsOutsideRange"],"mappings":";;;AAMA,MAAMA,QAAQ;AAAA,EACZC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,QAAQ;AACV;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,eAAe;AAAA,IACbJ,QAAQ;AAAA,IACRK,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRX,iBAAiB;AAAA,EACnB;AAAA,EACAY,gBAAgB;AAAA,IACd,WAAW;AAAA,MACT,GAAGb;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTc,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGd;AAAAA,MACH,GAAGe;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,EACT;AAAA,EACAC,sBAAsB;AAAA,IACpBtB,iBAAiBC,MAAMC,OAAOqB;AAAAA,IAC9BC,OAAOvB,MAAMC,OAAOuB;AAAAA,IACpB,WAAW;AAAA,MACT,GAAG1B;AAAAA,IACL;AAAA,EACF;AAAA,EACA2B,wBAAwB;AAAA,IACtBF,OAAOvB,MAAMC,OAAOyB;AAAAA,IACpBvB,QAAQ;AAAA,EACV;AAAA,EACAwB,8BAA8B;AAAA,IAC5B5B,iBAAiBC,MAAMC,OAAOqB;AAAAA,EAChC;AAAA,EACAM,sBAAsB;AAAA,IACpBL,OAAOvB,MAAMC,OAAOyB;AAAAA,IACpBvB,QAAQ;AAAA,EACV;AAAA,EACA0B,cAAc;AAAA,IACZC,YAAa,aAAY9B,MAAMC,OAAOuB,SAAU;AAAA,EAClD;AAAA,EACAO,YAAY;AAAA,IACVC,aAAc,aAAYhC,MAAMC,OAAOuB,SAAU;AAAA,EACnD;AAAA,EACAS,aAAa;AAAA,IACXb,OAAO;AAAA,IACPD,QAAQ;AAAA,EACV;AAAA,EACAe,cAAc;AAAA,IACZ,WAAW;AAAA,MACTC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjB,WAAW;AAAA,MACTD,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Card/Card.js CHANGED Viewed

@@ -22,7 +22,7 @@ const HvCard = (props) => {
     cx
   } = useClasses(classesProp);
   return /* @__PURE__ */ jsxs(HvBox, { className: cx("HvIsCardGridElement", classes.root, css({
-    backgroundColor: bgcolor && theme.colors[bgcolor] || theme.card.backgroundColor
+    backgroundColor: bgcolor && theme.colors[bgcolor]
   }), {
     [classes.selectable]: selectable,
     [classes.selected]: selected

package/dist/esm/components/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBox } from \"@core/components/Box\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"@core/types/tokens\";\n\nimport { staticClasses, useClasses } from \"./Card.styles\";\n\nexport { staticClasses as cardClasses };\n\nexport type HvCardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardProps extends HvBaseProps {\n /** The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* Whether the card is selectable. /\n selectable?: boolean;\n /* Whether the card is currently selected. /\n selected?: boolean;\n /* The background color of the card. /\n bgcolor?:\n \| \"sema0\"\n \| HvSemanticColorKeys\n \| HvAtmosphereColorKeys\n \| \"transparent\";\n /\n The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n * To set another color, the borderTop should be override.\n /\n statusColor?: \"sema0\" \| HvSemanticColorKeys \| HvAtmosphereColorKeys;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCardClasses;\n}\n\n/\n A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = (props: HvCardProps) => {\n const {\n classes: classesProp,\n className,\n children,\n icon,\n selectable = false,\n selected = false,\n statusColor = \"sema0\",\n bgcolor,\n ...others\n } = useDefaultProps(\"HvCard\", props);\n\n const { classes, css, cx } = useClasses(classesProp);\n\n return (\n <HvBox\n className={cx(\n \"HvIsCardGridElement\",\n classes.root,\n css({\n backgroundColor~~:\n (~~bgcolor && theme.colors[bgcolor]~~) \|\| theme.card.backgroundColor~~,\n }),\n {\n [classes.selectable]: selectable,\n [classes.selected]: selected,\n },\n className\n )}\n {...others}\n >\n <div className={classes.semanticContainer}>\n <div\n className={cx(\n css({\n height: selected ? 4 : 2,\n backgroundColor:\n statusColor === \"sema0\"\n ? selected\n ? theme.colors.secondary\n : theme.colors.atmo4\n : theme.colors[statusColor],\n }),\n classes.semanticBar\n )}\n />\n <div className={classes.icon}>{icon}</div>\n </div>\n {children}\n </HvBox>\n );\n};\n"],"names":["HvCard","props","classes","classesProp","className","children","icon","selectable","selected","statusColor","bgcolor","others","useDefaultProps","css","cx","useClasses","root","backgroundColor","theme","colors","~~card","~~semanticContainer","height","secondary","atmo4","semanticBar"],"mappings":";;;;;;AA0CaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,UAAUX,KAAK;AAE7B,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAEnD,8BACG,OACC,EAAA,WAAWW,GACT,uBACAZ,QAAQc,MACRH,IAAI;AAAA,IACFI,~~iBACGP~~,WAAWQ,MAAMC,OAAOT,OAAO~~,KAAMQ,MAAME,KAAKH~~;~~AAAAA~~,~~EAAAA~~,~~CACpD~~,GACD;AAAA,IACE,~~CAACf~~,QAAQK,UAAU,GAAGA;AAAAA,IACtB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,EAEtBJ,GAAAA,SACF,GACA,GAAIO,QAEJ,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAWT,~~QAAQmB~~,mBACtB,UAAA;AAAA,MAAC,oBAAA,OAAA,EACC,~~WAAWP~~,GACTD,IAAI;AAAA,~~QACFS~~,~~QAAQd~~,WAAW,IAAI;AAAA,QACvBS,iBACER,gBAAgB,UACZD,WACEU,MAAMC,~~OAAOI~~,~~YACbL~~,MAAMC,~~OAAOK~~,~~QACfN~~,MAAMC,OAAOV,WAAW;AAAA,MAAA,CAC/B,GACDP,~~QAAQuB~~,WACV,GAAE;AAAA,MAEH,oBAAA,OAAA,EAAI,~~WAAWvB~~,QAAQI,MAAOA,UAAK,MAAA;AAAA,IAAA,GACtC;AAAA,IACCD;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBox } from \"@core/components/Box\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvAtmosphereColorKeys, HvSemanticColorKeys } from \"@core/types/tokens\";\n\nimport { staticClasses, useClasses } from \"./Card.styles\";\n\nexport { staticClasses as cardClasses };\n\nexport type HvCardClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardProps extends HvBaseProps {\n /** The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* Whether the card is selectable. /\n selectable?: boolean;\n /* Whether the card is currently selected. /\n selected?: boolean;\n /* The background color of the card. /\n bgcolor?:\n \| \"sema0\"\n \| HvSemanticColorKeys\n \| HvAtmosphereColorKeys\n \| \"transparent\";\n /\n The border color at the top of the card. Must be one of palette semantic or atmosphere colors.\n * To set another color, the borderTop should be override.\n /\n statusColor?: \"sema0\" \| HvSemanticColorKeys \| HvAtmosphereColorKeys;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCardClasses;\n}\n\n/\n A card is a container for a few short and related pieces of content.\n * It roughly resembles a playing card in size and shape and is intended as a\n * linked short representation of a conceptual unit. For that reason,\n * this pattern must be used as an entry-point for further information.\n */\nexport const HvCard = (props: HvCardProps) => {\n const {\n classes: classesProp,\n className,\n children,\n icon,\n selectable = false,\n selected = false,\n statusColor = \"sema0\",\n bgcolor,\n ...others\n } = useDefaultProps(\"HvCard\", props);\n\n const { classes, css, cx } = useClasses(classesProp);\n\n return (\n <HvBox\n className={cx(\n \"HvIsCardGridElement\",\n classes.root,\n css({\n backgroundColor: bgcolor && theme.colors[bgcolor],\n }),\n {\n [classes.selectable]: selectable,\n [classes.selected]: selected,\n },\n className\n )}\n {...others}\n >\n <div className={classes.semanticContainer}>\n <div\n className={cx(\n css({\n height: selected ? 4 : 2,\n backgroundColor:\n statusColor === \"sema0\"\n ? selected\n ? theme.colors.secondary\n : theme.colors.atmo4\n : theme.colors[statusColor],\n }),\n classes.semanticBar\n )}\n />\n <div className={classes.icon}>{icon}</div>\n </div>\n {children}\n </HvBox>\n );\n};\n"],"names":["HvCard","props","classes","classesProp","className","children","icon","selectable","selected","statusColor","bgcolor","others","useDefaultProps","css","cx","useClasses","root","backgroundColor","theme","colors","semanticContainer","height","secondary","atmo4","semanticBar"],"mappings":";;;;;;AA0CaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,aAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,UAAUX,KAAK;AAE7B,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAEnD,8BACG,OACC,EAAA,WAAWW,GACT,uBACAZ,QAAQc,MACRH,IAAI;AAAA,IACFI,iBAAiBP,WAAWQ,MAAMC,OAAOT,OAAO;AAAA,EAAA,CACjD,GACD;AAAA,IACE,CAACR,QAAQK,UAAU,GAAGA;AAAAA,IACtB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,EAEtBJ,GAAAA,SACF,GACA,GAAIO,QAEJ,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,WAAWT,QAAQkB,mBACtB,UAAA;AAAA,MAAC,oBAAA,OAAA,EACC,WAAWN,GACTD,IAAI;AAAA,QACFQ,QAAQb,WAAW,IAAI;AAAA,QACvBS,iBACER,gBAAgB,UACZD,WACEU,MAAMC,OAAOG,YACbJ,MAAMC,OAAOI,QACfL,MAAMC,OAAOV,WAAW;AAAA,MAAA,CAC/B,GACDP,QAAQsB,WACV,GAAE;AAAA,MAEH,oBAAA,OAAA,EAAI,WAAWtB,QAAQI,MAAOA,UAAK,MAAA;AAAA,IAAA,GACtC;AAAA,IACCD;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Card/Card.styles.js CHANGED Viewed

@@ -8,8 +8,8 @@ const {
   root: {
     overflow: "visible",
     position: "relative",
-    outline: theme.card.outline,
-    borderRadius: theme.card.borderRadius,
+    outline: `1px solid ${theme.colors.atmo4}`,
+    borderRadius: `0px 0px ${theme.radii.round} ${theme.radii.round}`,
     "&:focus-visible": {
       ...outlineStyles
     },
@@ -28,7 +28,7 @@ const {
   },
   selectable: {
     "&:hover": {
-      outline: `1px solid ${theme.card.hoverColor}`
+      outline: `1px solid ${theme.colors.primary}`
     }
   },
   semanticContainer: {
@@ -39,8 +39,8 @@ const {
     }
   },
   icon: {
-    top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,
-    right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`
+    top: theme.space.xs,
+    right: theme.space.xs
   },
   semanticBar: {
     width: "100%",

package/dist/esm/components/Card/Card.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCard\", {\n root: {\n overflow: \"visible\",\n position: \"relative\",\n outline: theme.~~card~~.~~outline,\~~n borderRadius: theme.~~card~~.~~borderRadius,\~~n \"&:focus-visible\": {\n ...outlineStyles,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n },\n selected: {\n outline: `1px solid ${theme.colors.secondary}`,\n \"&:hover\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n \"&:focus\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n },\n selectable: {\n \"&:hover\": {\n outline: `1px solid ${theme.~~card~~.~~hoverColor~~}`,\n },\n },\n semanticContainer: {\n position: \"relative\",\n \"& > *\": {\n position: \"absolute\",\n zIndex: 1,\n },\n },\n icon: {\n top: ~~`calc(${~~theme.~~card.iconMargin} + ${theme.~~space.xs~~})`,\~~n right: ~~`calc(${~~theme.~~card.iconMargin} + ${theme.~~space.xs~~})`,\~~n },\n semanticBar: {\n width: \"100%\",\n top: -1,\n right: 0,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","overflow","position","outline","theme","~~card~~","borderRadius","~~outlineStyles~~","~~selected~~","~~colors~~","secondary","selectable","~~hoverColor~~","semanticContainer","zIndex","icon","top","~~iconMargin","~~space","xs","right","semanticBar","width"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,~~SAASC~~,MAAMC,~~KAAKF~~;~~AAAAA~~,~~IACpBG~~,~~cAAcF~~,MAAMC,~~KAAKC~~;~~AAAAA~~,~~IACzB~~,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,~~MACTJ~~,SAAS;AAAA,IACX;AAAA,EACF;AAAA,~~EACAK~~,UAAU;AAAA,~~IACRL~~,SAAU,aAAYC,~~MAAMK~~,~~OAAOC~~,SAAU;AAAA,IAC7C,WAAW;AAAA,~~MACTP~~,SAAU,aAAYC,~~MAAMK~~,~~OAAOC~~,SAAU;AAAA,IAC/C;AAAA,IACA,WAAW;AAAA,~~MACTP~~,SAAU,aAAYC,~~MAAMK~~,~~OAAOC~~,SAAU;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACV,WAAW;AAAA,~~MACTR~~,SAAU,aAAYC,MAAMC,~~KAAKO~~,~~UAAW~~;AAAA,~~IAC9C~~;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,~~IACjBX~~,UAAU;AAAA,IACV,SAAS;AAAA,MACPA,UAAU;AAAA,~~MACVY~~,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,~~KAAM~~,~~QAAOZ~~,MAAMC~~,KAAKY,UAAW,MAAKb,MAAMc,MAAMC,EAAG~~;~~AAAA~~,~~IACvDC~~,~~OAAQ~~,~~QAAOhB~~,MAAMC~~,KAAKY,UAAW,MAAKb,MAAMc,MAAMC,EAAG~~;~~AAAA~~,~~EAC3D~~;AAAA,EACAE,aAAa;AAAA,IACXC,OAAO;AAAA,~~IACPN~~,KAAK;AAAA,~~IACLI~~,OAAO;AAAA,EACT;AACF,CAAC;"}
1	+ {"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCard\", {\n root: {\n overflow: \"visible\",\n position: \"relative\",\n outline: `1px solid ${theme.colors.atmo4}`,\n borderRadius: `0px 0px ${theme.radii.round} ${theme.radii.round}`,\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n },\n selected: {\n outline: `1px solid ${theme.colors.secondary}`,\n \"&:hover\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n \"&:focus\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n },\n selectable: {\n \"&:hover\": {\n outline: `1px solid ${theme.colors.primary}`,\n },\n },\n semanticContainer: {\n position: \"relative\",\n \"& > *\": {\n position: \"absolute\",\n zIndex: 1,\n },\n },\n icon: {\n top: theme.space.xs,\n right: theme.space.xs,\n },\n semanticBar: {\n width: \"100%\",\n top: -1,\n right: 0,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","overflow","position","outline","theme","colors","atmo4","borderRadius","radii","round","outlineStyles","selected","secondary","selectable","primary","semanticContainer","zIndex","icon","top","space","xs","right","semanticBar","width"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAAU,aAAYC,MAAMC,OAAOC,KAAM;AAAA,IACzCC,cAAe,WAAUH,MAAMI,MAAMC,KAAM,IAAGL,MAAMI,MAAMC,KAAM;AAAA,IAChE,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAQ,UAAU;AAAA,IACRR,SAAU,aAAYC,MAAMC,OAAOO,SAAU;AAAA,IAC7C,WAAW;AAAA,MACTT,SAAU,aAAYC,MAAMC,OAAOO,SAAU;AAAA,IAC/C;AAAA,IACA,WAAW;AAAA,MACTT,SAAU,aAAYC,MAAMC,OAAOO,SAAU;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACV,WAAW;AAAA,MACTV,SAAU,aAAYC,MAAMC,OAAOS,OAAQ;AAAA,IAC7C;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjBb,UAAU;AAAA,IACV,SAAS;AAAA,MACPA,UAAU;AAAA,MACVc,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,KAAKd,MAAMe,MAAMC;AAAAA,IACjBC,OAAOjB,MAAMe,MAAMC;AAAAA,EACrB;AAAA,EACAE,aAAa;AAAA,IACXC,OAAO;AAAA,IACPL,KAAK;AAAA,IACLG,OAAO;AAAA,EACT;AACF,CAAC;"}

package/dist/esm/components/Card/Header/Header.js CHANGED Viewed

@@ -1,36 +1,28 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import MuiCardHeader from "@mui/material/CardHeader";
-import { useTheme } from "../../../hooks/useTheme.js";
 import { useClasses } from "./Header.styles.js";
 import { staticClasses } from "./Header.styles.js";
-const HvCardHeader = ({
-  classes: classesProp,
-  className,
-  title,
-  subheader,
-  icon,
-  onClick,
-  ...others
-}) => {
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
+const HvCardHeader = (props) => {
   const {
-    activeTheme
-  } = useTheme();
+    classes: classesProp,
+    className,
+    title,
+    subheader,
+    icon,
+    onClick,
+    ...others
+  } = useDefaultProps("HvCardHeader", props);
   const {
     classes,
-    css,
     cx
   } = useClasses(classesProp);
   return /* @__PURE__ */ jsx(MuiCardHeader, { title, subheader, action: icon, onClick, className: cx(classes.root, className), classes: {
-    title: cx(css({
-      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
-    }), {
+    title: cx({
       [classes.titleShort]: icon,
       [classes.title]: !icon
     }),
-    subheader: cx(css({
-      ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
-      color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
-    }), classes.subheader),
+    subheader: classes.subheader,
     action: classes.action,
     content: classes.content
   }, ...others });

package/dist/esm/components/Card/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import MuiCardHeader, {\n CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ~~useTheme~~ } from \"@core/~~hooks~~/~~useTheme~~\";\nimport { ~~ExtractNames~~ } from \"@core/~~utils/classes~~\";\n\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as cardHeaderClasses };\n\nexport type HvCardHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardHeaderProps\n extends Omit<MuiCardHeaderProps, \"classes\">,\n HvBaseProps<HTMLDivElement, \"title\"> {\n /** The renderable content inside the title slot of the header. /\n title: React.ReactNode;\n /* The renderable content inside the subheader slot of the header. /\n subheader?: React.ReactNode;\n /* The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* The function that will be executed when this section is clicked. /\n onClick?: React.MouseEventHandler<HTMLDivElement> \| undefined;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardHeaderClasses;\n}\n\nexport const HvCardHeader = ({\n classes: classesProp,\n className,\n title,\n subheader,\n icon,\n onClick,\n ...others\n~~}: HvCardHeaderProps) => {\n~~ ~~const { activeTheme~~ } = ~~useTheme~~();\n const { classes, ~~css,~~ cx } = useClasses(classesProp);\n\n return (\n <MuiCardHeader\n title={title}\n subheader={subheader}\n action={icon}\n onClick={onClick}\n className={cx(classes.root, className)}\n classes={{\n title: cx(~~\n css(~~{\n ~~...activeTheme?.typography[activeTheme?.card.titleVariant],\n~~ ~~}),\n {\n~~ [classes.titleShort]: icon,\n [classes.title]: !icon,\n }\n ),\n subheader: ~~cx(\n css({\n ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n color: activeTheme?.card.subheaderColor,\n }),\n~~ classes.subheader~~\n )~~,\n action: classes.action,\n content: classes.content,\n }}\n {...others}\n />\n );\n};\n"],"names":["HvCardHeader","classes","classesProp","className","title","subheader","icon","onClick","others","~~activeTheme~~","~~useTheme","css","~~cx","useClasses","root","~~typography","card","titleVariant","~~titleShort","~~subheaderVariant","color","subheaderColor","~~action","content"],"mappings":";;;;;~~AA6BO~~,~~MAAMA~~,eAAeA,~~CAAC~~;AAAA,~~EAC3BC~~,SAASC;AAAAA,~~EACTC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACA~~,GAAGC;~~AACc~~,~~MAAM;AACjB~~,~~QAAA;AAAA~~,~~IAAEC;AAAAA~~,~~MAAgBC~~,~~SAAS~~;~~AAC3B~~,QAAA;AAAA,~~IAAET~~;AAAAA,~~IAASU~~;AAAAA,~~IAAKC;AAAAA,~~EAAAA,IAAOC,~~WAAWX~~,WAAW;~~AAEnD~~,SACG,oBAAA,eAAA,EACC,OACA,WACA,QAAQI,MACR,SACA,~~WAAWM~~,~~GAAGX~~,~~QAAQa~~,~~MAAMX~~,SAAS,GACrC,SAAS;AAAA,IACPC,~~OAAOQ~~,~~GACLD,IAAI~~;AAAA,~~MACF~~,~~GAAGF~~,~~2CAAaM~~,~~WAAWN,2CAAaO,KAAKC;AAAAA,IAAY,CAC1D,GACD;AAAA,MACE,CAAChB,QAAQiB,~~UAAU,~~GAAGZ~~;AAAAA,MACtB,CAACL,QAAQG,KAAK,GAAG,CAACE;AAAAA,IAAAA,~~CAEtB~~;AAAA,~~IACAD~~,~~WAAWO~~,~~GACTD,IAAI~~;~~AAAA,MACF,GAAGF,2CAAaM,WAAWN,2CAAaO,KAAKG;~~AAAAA,~~MAC7CC~~,~~OAAOX~~,~~2CAAaO,KAAKK~~;AAAAA,~~IAAAA,CAC1B,GACDpB,QAAQI,SACV;AAAA,IACAiB,QAAQrB,QAAQqB;AAAAA,~~IAChBC,~~SAAStB~~,~~QAAQsB~~;AAAAA,EAAAA,~~GAEff~~,GAAAA,OACJ,CAAA;AAEN;"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import MuiCardHeader, {\n CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as cardHeaderClasses };\n\nexport type HvCardHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardHeaderProps\n extends Omit<MuiCardHeaderProps, \"classes\">,\n HvBaseProps<HTMLDivElement, \"title\"> {\n /** The renderable content inside the title slot of the header. /\n title: React.ReactNode;\n /* The renderable content inside the subheader slot of the header. /\n subheader?: React.ReactNode;\n /* The renderable content inside the icon slot of the header. /\n icon?: React.ReactNode;\n /* The function that will be executed when this section is clicked. /\n onClick?: React.MouseEventHandler<HTMLDivElement> \| undefined;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvCardHeaderClasses;\n}\n\nexport const HvCardHeader = (props: HvCardHeaderProps) => {\n const {\n classes: classesProp,\n className,\n title,\n subheader,\n icon,\n onClick,\n ...others\n } = useDefaultProps(\"HvCardHeader\", props);\n const { classes, cx } = useClasses(classesProp);\n\n return (\n <MuiCardHeader\n title={title}\n subheader={subheader}\n action={icon}\n onClick={onClick}\n className={cx(classes.root, className)}\n classes={{\n title: cx({\n [classes.titleShort]: icon,\n [classes.title]: !icon,\n }),\n subheader: classes.subheader,\n action: classes.action,\n content: classes.content,\n }}\n {...others}\n />\n );\n};\n"],"names":["HvCardHeader","props","classes","classesProp","className","title","subheader","icon","onClick","others","useDefaultProps","cx","useClasses","root","titleShort","action","content"],"mappings":";;;;;AA6BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAgBT,KAAK;AACnC,QAAA;AAAA,IAAEC;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AAE9C,SACG,oBAAA,eAAA,EACC,OACA,WACA,QAAQI,MACR,SACA,WAAWI,GAAGT,QAAQW,MAAMT,SAAS,GACrC,SAAS;AAAA,IACPC,OAAOM,GAAG;AAAA,MACR,CAACT,QAAQY,UAAU,GAAGP;AAAAA,MACtB,CAACL,QAAQG,KAAK,GAAG,CAACE;AAAAA,IAAAA,CACnB;AAAA,IACDD,WAAWJ,QAAQI;AAAAA,IACnBS,QAAQb,QAAQa;AAAAA,IAChBC,SAASd,QAAQc;AAAAA,EAAAA,GAEfP,GAAAA,OACJ,CAAA;AAEN;"}

package/dist/esm/components/Card/Header/Header.styles.js CHANGED Viewed

@@ -13,9 +13,11 @@ const {
     marginRight: "30px"
   },
   title: {
+    ...theme.typography.label,
     fontFamily: theme.fontFamily.body
   },
   subheader: {
+    ...theme.typography.caption1,
     fontFamily: theme.fontFamily.body
   },
   content: {},

package/dist/esm/components/Card/Header/Header.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCardHeader\", {\n root: { padding: `15px ${theme.space.sm}`, position: \"relative\" },\n titleShort: {\n fontFamily: theme.fontFamily.body,\n marginRight: \"30px\",\n },\n title: {\n fontFamily: theme.fontFamily.body,\n },\n subheader: {\n fontFamily: theme.fontFamily.body,\n },\n content: {},\n action: {\n position: \"absolute\",\n right: 20,\n marginTop: 0,\n marginRight: \"0px\",\n paddingLeft: theme.space.xs,\n top: \"15px\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","content","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC,EAAG;AAAA,IAAGC,UAAU;AAAA,EAAW;AAAA,EAChEC,YAAY;AAAA,IACVC,YAAYL,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACf;AAAA,EACAC,OAAO;AAAA,~~IACLH~~,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,~~EACAG~~,WAAW;AAAA,~~IACTJ~~,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,~~EACAI~~,SAAS,CAAC;AAAA,EACVC,QAAQ;AAAA,~~IACNR~~,UAAU;AAAA,~~IACVS~~,OAAO;AAAA,IACPC,WAAW;AAAA,~~IACXN~~,aAAa;AAAA,~~IACbO~~,~~aAAad~~,MAAMC,~~MAAMc~~;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF,CAAC;"}
1	+ {"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCardHeader\", {\n root: { padding: `15px ${theme.space.sm}`, position: \"relative\" },\n titleShort: {\n fontFamily: theme.fontFamily.body,\n marginRight: \"30px\",\n },\n title: {\n ...theme.typography.label,\n fontFamily: theme.fontFamily.body,\n },\n subheader: {\n ...theme.typography.caption1,\n fontFamily: theme.fontFamily.body,\n },\n content: {},\n action: {\n position: \"absolute\",\n right: 20,\n marginTop: 0,\n marginRight: \"0px\",\n paddingLeft: theme.space.xs,\n top: \"15px\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","typography","label","subheader","caption1","content","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC,EAAG;AAAA,IAAGC,UAAU;AAAA,EAAW;AAAA,EAChEC,YAAY;AAAA,IACVC,YAAYL,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACf;AAAA,EACAC,OAAO;AAAA,IACL,GAAGR,MAAMS,WAAWC;AAAAA,IACpBL,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAK,WAAW;AAAA,IACT,GAAGX,MAAMS,WAAWG;AAAAA,IACpBP,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAO,SAAS,CAAC;AAAA,EACVC,QAAQ;AAAA,IACNX,UAAU;AAAA,IACVY,OAAO;AAAA,IACPC,WAAW;AAAA,IACXT,aAAa;AAAA,IACbU,aAAajB,MAAMC,MAAMiB;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF,CAAC;"}

package/dist/esm/components/Carousel/Carousel.styles.js CHANGED Viewed

@@ -27,7 +27,7 @@ const {
       top: 0
     },
     "& $controls": {
-      display: theme.carousel.xsControlsDisplay
+      display: "flex"
     }
   },
   fullscreen: {
@@ -58,9 +58,9 @@ const {
     alignItems: "center",
     position: "relative",
     height: 32,
-    justifyContent: theme.carousel.controlsJustifyContent,
-    backgroundColor: theme.carousel.controlsBackgroundColor,
-    border: theme.carousel.controlsBorder,
+    justifyContent: "center",
+    backgroundColor: theme.colors.atmo2,
+    border: `1px solid ${theme.colors.atmo4}`,
     gap: theme.space.xs,
     "&:has($dots)": {
       justifyContent: "center"
@@ -85,7 +85,7 @@ const {
     top: theme.space.xs,
     right: theme.space.md,
     zIndex: 1,
-    display: theme.carousel.counterContainerDisplay
+    display: "none"
   },
   counter: {
     color: theme.colors.base_light,
@@ -155,12 +155,12 @@ const {
       textAlign: "center",
       aspectRatio: "16/9",
       opacity: "50%",
-      borderRadius: theme.carousel.thumbnailBorderRadius
+      borderRadius: theme.radii.round
     }
   },
   thumbnailSelected: {
     "& img": {
-      border: theme.carousel.thumbnailSelectedBorder,
+      border: "none",
       opacity: "100%"
     }
   }

package/dist/esm/components/Carousel/Carousel.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Carousel.styles.js","sources":["../../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCarousel\", {\n /** Styles applied to the component root class. */\n root: {\n display: \"flex\",\n alignItems: \"stretch\",\n flexDirection: \"column\",\n backgroundColor: theme.colors.atmo1,\n margin: 0,\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n xs: {\n \"&:not(._)\": {\n padding: 0,\n },\n // put dots on top of Slide\n \"& $dots\": {\n position: \"relative\",\n top: \"-40px\",\n },\n \"& $actions\": {\n top: 0,\n },\n \"& $controls\": {\n display: ~~theme.carousel.xsControlsDisplay~~,\n },\n },\n fullscreen: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n inset: 0,\n zIndex: theme.zIndices.modal,\n \"&:not(._)\": {\n padding: theme.spacing(\"xs\", \"xl\"),\n },\n },\n title: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n marginBottom: theme.space.xs,\n },\n actions: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n right: 0,\n\n position: \"relative\",\n },\n closeButton: {},\n\n mainContainer: {},\n\n controls: {\n display: \"flex\",\n alignItems: \"center\",\n position: \"relative\",\n height: 32,\n justifyContent: ~~theme.carousel.controlsJustifyContent~~,\n backgroundColor: theme.~~carousel~~.~~controlsBackgroundColor~~,\n border: theme.~~carousel~~.~~controlsBorder,\~~n gap: theme.space.xs,\n \"&:has($dots)\": {\n justifyContent: \"center\",\n },\n },\n pageCounter: {},\n\n main: {\n padding: 0,\n display: \"flex\",\n flexDirection: \"column\",\n position: \"relative\",\n \"&:hover $slideControls\": {\n opacity: 1,\n },\n },\n mainXs: {},\n mainFullscreen: {\n maxHeight: \"80vh\",\n },\n counterContainer: {\n position: \"absolute\",\n top: theme.space.xs,\n right: theme.space.md,\n zIndex: 1,\n display: ~~theme.carousel.counterContainerDisplay~~,\n },\n counter: {\n color: theme.colors.base_light,\n backgroundColor: theme.colors.base_dark,\n padding: theme.spacing(0, \"sm\"),\n },\n slideControls: {\n position: \"absolute\",\n left: 0,\n right: 0,\n top: `calc(50% - (32px / 2))`,\n padding: theme.spacing(0, \"sm\"),\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n opacity: 0,\n \"& button\": {\n zIndex: 1,\n },\n \"&:focus-within\": {\n opacity: 1,\n },\n },\n slidesViewport: {\n overflow: \"hidden\",\n },\n slidesContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"100%\",\n },\n\n dots: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: theme.space.xs,\n height: theme.space.md,\n },\n dotsXs: {},\n dot: {\n width: 5,\n height: 5,\n margin: theme.space.xs,\n borderRadius: \"50%\",\n backgroundColor: theme.colors.atmo4,\n },\n dotSelected: {\n width: 10,\n height: 10,\n backgroundColor: theme.colors.secondary_80,\n },\n\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflowX: \"auto\", // \"hidden\",\n overflowY: \"hidden\",\n padding: theme.spacing(\"xs\", \"2px\", \"2px\"),\n },\n thumbnail: {\n height: \"unset\",\n padding: 0,\n \"& img\": {\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n aspectRatio: \"16/9\",\n opacity: \"50%\",\n borderRadius: theme.~~carousel~~.~~thumbnailBorderRadius~~,\n },\n },\n thumbnailSelected: {\n \"& img\": {\n border: ~~theme.carousel.thumbnailSelectedBorder~~,\n opacity: \"100%\",\n },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","backgroundColor","theme","colors","atmo1","margin","paddingTop","spacing","paddingBottom","xs","padding","position","top","~~carousel","xsControlsDisplay","~~fullscreen","width","height","inset","zIndex","zIndices","modal","title","justifyContent","marginBottom","space","actions","right","closeButton","mainContainer","controls","~~controlsJustifyContent~~","~~controlsBackgroundColor","~~border","~~controlsBorder~~","gap","pageCounter","main","opacity","mainXs","mainFullscreen","maxHeight","counterContainer","md","~~counterContainerDisplay","~~counter","color","base_light","base_dark","slideControls","left","slidesViewport","overflow","slidesContainer","dots","dotsXs","dot","borderRadius","~~atmo4","~~dotSelected","secondary_80","panel","overflowX","overflowY","thumbnail","textAlign","aspectRatio","~~thumbnailBorderRadius~~","~~thumbnailSelected~~","~~thumbnailSelectedBorder~~"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,QAAQ;AAAA,IACRC,YAAYJ,MAAMK,QAAQ,CAAC;AAAA,IAC3BC,eAAeN,MAAMK,QAAQ,CAAC;AAAA,EAChC;AAAA,EACAE,IAAI;AAAA,IACF,aAAa;AAAA,MACXC,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,WAAW;AAAA,MACTC,UAAU;AAAA,MACVC,KAAK;AAAA,IACP;AAAA,IACA,cAAc;AAAA,MACZA,KAAK;AAAA,IACP;AAAA,IACA,eAAe;AAAA,MACbd,~~SAASI,MAAMW,SAASC~~;~~AAAAA~~,~~IAC1B~~;AAAA,EACF;AAAA,~~EACAC~~,YAAY;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,~~IACRN~~,UAAU;AAAA,~~IACVO~~,OAAO;AAAA,IACPC,~~QAAQjB~~,~~MAAMkB~~,SAASC;AAAAA,IACvB,aAAa;AAAA,~~MACXX~~,SAASR,MAAMK,QAAQ,MAAM,IAAI;AAAA,IACnC;AAAA,EACF;AAAA,~~EACAe~~,OAAO;AAAA,~~IACLxB~~,SAAS;AAAA,~~IACTyB~~,gBAAgB;AAAA,IAChBC,~~cAActB~~,~~MAAMuB~~,~~MAAMhB~~;AAAAA,EAC5B;AAAA,~~EACAiB~~,SAAS;AAAA,~~IACP5B~~,SAAS;AAAA,~~IACTyB~~,gBAAgB;AAAA,IAChBI,OAAO;AAAA,~~IAEPhB~~,UAAU;AAAA,EACZ;AAAA,~~EACAiB~~,aAAa,CAAC;AAAA,EAEdC,eAAe,CAAC;AAAA,EAEhBC,UAAU;AAAA,~~IACRhC~~,SAAS;AAAA,IACTC,YAAY;AAAA,IACZY,UAAU;AAAA,~~IACVM~~,QAAQ;AAAA,IACRM,~~gBAAgBrB,MAAMW,SAASkB~~;~~AAAAA~~,~~IAC/B9B~~,iBAAiBC,~~MAAMW~~,~~SAASmB~~;AAAAA,~~IAChCC~~,~~QAAQ/B~~,~~MAAMW~~,~~SAASqB~~;~~AAAAA~~,~~IACvBC~~,~~KAAKjC~~,~~MAAMuB~~,~~MAAMhB~~;AAAAA,IACjB,gBAAgB;AAAA,~~MACdc~~,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,~~EACAa~~,aAAa,CAAC;AAAA,EAEdC,MAAM;AAAA,~~IACJ3B~~,SAAS;AAAA,IACTZ,SAAS;AAAA,IACTE,eAAe;AAAA,IACfW,UAAU;AAAA,IACV,0BAA0B;AAAA,~~MACxB2B~~,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,QAAQ,CAAC;AAAA,EACTC,gBAAgB;AAAA,IACdC,WAAW;AAAA,EACb;AAAA,EACAC,kBAAkB;AAAA,~~IAChB/B~~,UAAU;AAAA,IACVC,KAAKV,~~MAAMuB~~,~~MAAMhB~~;AAAAA,~~IACjBkB~~,~~OAAOzB~~,~~MAAMuB~~,~~MAAMkB~~;AAAAA,~~IACnBxB~~,QAAQ;AAAA,~~IACRrB~~,~~SAASI,MAAMW,~~SAAS+B;~~AAAAA~~,~~EAC1B~~;AAAA,~~EACAC~~,SAAS;AAAA,IACPC,~~OAAO5C~~,MAAMC,~~OAAO4C~~;AAAAA,~~IACpB9C~~,iBAAiBC,MAAMC,~~OAAO6C~~;AAAAA,~~IAC9BtC~~,SAASR,MAAMK,QAAQ,GAAG,IAAI;AAAA,EAChC;AAAA,~~EACA0C~~,eAAe;AAAA,~~IACbtC~~,UAAU;AAAA,~~IACVuC~~,MAAM;AAAA,~~IACNvB~~,OAAO;AAAA,~~IACPf~~,KAAM;AAAA,IACNF,SAASR,MAAMK,QAAQ,GAAG,IAAI;AAAA,IAC9BT,SAAS;AAAA,IACTE,eAAe;AAAA,IACfD,YAAY;AAAA,~~IACZwB~~,gBAAgB;AAAA,~~IAChBe~~,SAAS;AAAA,IACT,YAAY;AAAA,~~MACVnB~~,QAAQ;AAAA,IACV;AAAA,IACA,kBAAkB;AAAA,~~MAChBmB~~,SAAS;AAAA,IACX;AAAA,EACF;AAAA,~~EACAa~~,gBAAgB;AAAA,IACdC,UAAU;AAAA,EACZ;AAAA,EACAC,iBAAiB;AAAA,~~IACfvD~~,SAAS;AAAA,IACTE,eAAe;AAAA,~~IACfiB~~,QAAQ;AAAA,EACV;AAAA,~~EAEAqC~~,MAAM;AAAA,~~IACJxD~~,SAAS;AAAA,IACTC,YAAY;AAAA,~~IACZwB~~,gBAAgB;AAAA,~~IAChBY~~,~~KAAKjC~~,~~MAAMuB~~,~~MAAMhB~~;AAAAA,~~IACjBQ~~,~~QAAQf~~,~~MAAMuB~~,~~MAAMkB~~;AAAAA,EACtB;AAAA,~~EACAY~~,QAAQ,CAAC;AAAA,EACTC,KAAK;AAAA,~~IACHxC~~,OAAO;AAAA,IACPC,QAAQ;AAAA,~~IACRZ~~,QAAQH,~~MAAMuB~~,~~MAAMhB~~;AAAAA,~~IACpBgD~~,cAAc;AAAA,~~IACdxD~~,iBAAiBC,MAAMC,~~OAAOuD~~;AAAAA,EAChC;AAAA,~~EACAC~~,aAAa;AAAA,~~IACX3C~~,OAAO;AAAA,IACPC,QAAQ;AAAA,~~IACRhB~~,iBAAiBC,MAAMC,~~OAAOyD~~;AAAAA,EAChC;AAAA,EAEAC,OAAO;AAAA,~~IACL/D~~,SAAS;AAAA,~~IACTkB~~,OAAO;AAAA,~~IACP8C~~,WAAW;AAAA;AAAA,IACXC,WAAW;AAAA,~~IACXrD~~,SAASR,MAAMK,QAAQ,MAAM,OAAO,KAAK;AAAA,EAC3C;AAAA,~~EACAyD~~,WAAW;AAAA,~~IACT/C~~,QAAQ;AAAA,~~IACRP~~,SAAS;AAAA,IACT,SAAS;AAAA,~~MACPM~~,OAAO;AAAA,MACPC,QAAQ;AAAA,~~MACRgD~~,WAAW;AAAA,MACXC,aAAa;AAAA,~~MACb5B~~,SAAS;AAAA,~~MACTmB~~,~~cAAcvD~~,~~MAAMW~~,~~SAASsD~~;AAAAA,~~IAC/B~~;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjB,SAAS;AAAA,~~MACPnC~~,QAAQ~~/B,MAAMW,SAASwD~~;~~AAAAA~~,~~MACvB/B~~,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}
1	+ {"version":3,"file":"Carousel.styles.js","sources":["../../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCarousel\", {\n /** Styles applied to the component root class. */\n root: {\n display: \"flex\",\n alignItems: \"stretch\",\n flexDirection: \"column\",\n backgroundColor: theme.colors.atmo1,\n margin: 0,\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n },\n xs: {\n \"&:not(._)\": {\n padding: 0,\n },\n // put dots on top of Slide\n \"& $dots\": {\n position: \"relative\",\n top: \"-40px\",\n },\n \"& $actions\": {\n top: 0,\n },\n \"& $controls\": {\n display: \"flex\",\n },\n },\n fullscreen: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n inset: 0,\n zIndex: theme.zIndices.modal,\n \"&:not(._)\": {\n padding: theme.spacing(\"xs\", \"xl\"),\n },\n },\n title: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n marginBottom: theme.space.xs,\n },\n actions: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n right: 0,\n\n position: \"relative\",\n },\n closeButton: {},\n\n mainContainer: {},\n\n controls: {\n display: \"flex\",\n alignItems: \"center\",\n position: \"relative\",\n height: 32,\n justifyContent: \"center\",\n backgroundColor: theme.colors.atmo2,\n border: `1px solid ${theme.colors.atmo4}`,\n gap: theme.space.xs,\n \"&:has($dots)\": {\n justifyContent: \"center\",\n },\n },\n pageCounter: {},\n\n main: {\n padding: 0,\n display: \"flex\",\n flexDirection: \"column\",\n position: \"relative\",\n \"&:hover $slideControls\": {\n opacity: 1,\n },\n },\n mainXs: {},\n mainFullscreen: {\n maxHeight: \"80vh\",\n },\n counterContainer: {\n position: \"absolute\",\n top: theme.space.xs,\n right: theme.space.md,\n zIndex: 1,\n display: \"none\",\n },\n counter: {\n color: theme.colors.base_light,\n backgroundColor: theme.colors.base_dark,\n padding: theme.spacing(0, \"sm\"),\n },\n slideControls: {\n position: \"absolute\",\n left: 0,\n right: 0,\n top: `calc(50% - (32px / 2))`,\n padding: theme.spacing(0, \"sm\"),\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n opacity: 0,\n \"& button\": {\n zIndex: 1,\n },\n \"&:focus-within\": {\n opacity: 1,\n },\n },\n slidesViewport: {\n overflow: \"hidden\",\n },\n slidesContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n height: \"100%\",\n },\n\n dots: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: theme.space.xs,\n height: theme.space.md,\n },\n dotsXs: {},\n dot: {\n width: 5,\n height: 5,\n margin: theme.space.xs,\n borderRadius: \"50%\",\n backgroundColor: theme.colors.atmo4,\n },\n dotSelected: {\n width: 10,\n height: 10,\n backgroundColor: theme.colors.secondary_80,\n },\n\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflowX: \"auto\", // \"hidden\",\n overflowY: \"hidden\",\n padding: theme.spacing(\"xs\", \"2px\", \"2px\"),\n },\n thumbnail: {\n height: \"unset\",\n padding: 0,\n \"& img\": {\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n aspectRatio: \"16/9\",\n opacity: \"50%\",\n borderRadius: theme.radii.round,\n },\n },\n thumbnailSelected: {\n \"& img\": {\n border: \"none\",\n opacity: \"100%\",\n },\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","backgroundColor","theme","colors","atmo1","margin","paddingTop","spacing","paddingBottom","xs","padding","position","top","fullscreen","width","height","inset","zIndex","zIndices","modal","title","justifyContent","marginBottom","space","actions","right","closeButton","mainContainer","controls","atmo2","border","atmo4","gap","pageCounter","main","opacity","mainXs","mainFullscreen","maxHeight","counterContainer","md","counter","color","base_light","base_dark","slideControls","left","slidesViewport","overflow","slidesContainer","dots","dotsXs","dot","borderRadius","dotSelected","secondary_80","panel","overflowX","overflowY","thumbnail","textAlign","aspectRatio","radii","round","thumbnailSelected"],"mappings":"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"}

package/dist/esm/components/CheckBox/CheckBox.styles.js CHANGED Viewed

@@ -14,8 +14,8 @@ const {
     height: "32px",
     transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
     "&:hover": {
-      backgroundColor: theme.checkbox.hoverColor,
-      borderRadius: theme.checkbox.borderRadius
+      backgroundColor: theme.colors.containerBackgroundHover,
+      borderRadius: theme.radii.base
     }
   },
   disabled: {

package/dist/esm/components/CheckBox/CheckBox.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBox.styles.js","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCheckBox\", {\n root: { display: \"inline-block\" },\n container: {\n cursor: \"pointer\",\n display: \"flex\",\n height: \"32px\",\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n \"&:hover\": {\n backgroundColor: theme.~~checkbox~~.~~hoverColor~~,\n borderRadius: theme.~~checkbox~~.~~borderRadius~~,\n },\n },\n disabled: {\n cursor: \"not-allowed\",\n \"& $label\": { color: theme.colors.secondary_60, cursor: \"not-allowed\" },\n },\n focusVisible: {\n ...outlineStyles,\n\n \"& div\": {\n backgroundColor: theme.colors.atmo3,\n },\n\n [`& $checkbox div > svg`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n },\n invalidContainer: {\n borderBottom: `1px solid ${theme.colors.negative}`,\n\n \"&:hover\": {\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n },\n },\n checkbox: { height: \"32px\" },\n invalidCheckbox: {\n borderBottom: `1px solid ${theme.colors.negative}`,\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n },\n label: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n verticalAlign: \"middle\",\n paddingRight: theme.space.xs,\n whiteSpace: \"nowrap\",\n ...theme.typography.body,\n cursor: \"pointer\",\n height: \"32px\",\n lineHeight: \"32px\",\n width: \"100%\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","container","cursor","height","transition","backgroundColor","theme","~~checkbox~~","~~hoverColor~~","borderRadius","~~disabled~~","~~color~~","~~colors~~","secondary_60","focusVisible","outlineStyles","atmo3","outline","boxShadow","invalidContainer","borderBottom","negative","borderBottomLeftRadius","borderBottomRightRadius","invalidCheckbox","label","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAe;AAAA,EAChCC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRF,SAAS;AAAA,IACTG,QAAQ;AAAA,IACRC,YAAY;AAAA,IAEZ,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,~~SAASC~~;AAAAA,~~MAChCC~~,cAAcH,MAAMC~~,SAASE~~;AAAAA,~~IAC/B~~;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,~~IACRR~~,QAAQ;AAAA,IACR,YAAY;AAAA,~~MAAES~~,~~OAAOL~~,~~MAAMM~~,~~OAAOC~~;AAAAA,~~MAAcX~~,QAAQ;AAAA,IAAc;AAAA,EACxE;AAAA,~~EACAY~~,cAAc;AAAA,IACZ,GAAGC;AAAAA,IAEH,SAAS;AAAA,~~MACPV~~,iBAAiBC,~~MAAMM~~,~~OAAOI~~;AAAAA,IAChC;AAAA,IAEA,CAAE,uBAAsB,GAAG;AAAA,MACzBC,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,cAAe,~~aAAYd~~,~~MAAMM~~,~~OAAOS~~,QAAS;AAAA,IAEjD,WAAW;AAAA,MACTC,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,~~EACAhB~~,UAAU;AAAA,~~IAAEJ~~,QAAQ;AAAA,EAAO;AAAA,~~EAC3BqB~~,iBAAiB;AAAA,~~IACfJ~~,cAAe,~~aAAYd~~,~~MAAMM~~,~~OAAOS~~,QAAS;AAAA,IACjDC,wBAAwB;AAAA,IACxBC,yBAAyB;AAAA,EAC3B;AAAA,~~EACAE~~,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,~~cAAcvB~~,~~MAAMwB~~,MAAMC;AAAAA,IAC1BC,YAAY;AAAA,IACZ,~~GAAG1B~~,~~MAAM2B~~,WAAWC;AAAAA,~~IACpBhC~~,QAAQ;AAAA,IACRC,QAAQ;AAAA,~~IACRgC~~,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,CAAC;"}
1	+ {"version":3,"file":"CheckBox.styles.js","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCheckBox\", {\n root: { display: \"inline-block\" },\n container: {\n cursor: \"pointer\",\n display: \"flex\",\n height: \"32px\",\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n borderRadius: theme.radii.base,\n },\n },\n disabled: {\n cursor: \"not-allowed\",\n \"& $label\": { color: theme.colors.secondary_60, cursor: \"not-allowed\" },\n },\n focusVisible: {\n ...outlineStyles,\n\n \"& div\": {\n backgroundColor: theme.colors.atmo3,\n },\n\n [`& $checkbox div > svg`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n },\n invalidContainer: {\n borderBottom: `1px solid ${theme.colors.negative}`,\n\n \"&:hover\": {\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n },\n },\n checkbox: { height: \"32px\" },\n invalidCheckbox: {\n borderBottom: `1px solid ${theme.colors.negative}`,\n borderBottomLeftRadius: \"0px\",\n borderBottomRightRadius: \"0px\",\n },\n label: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n verticalAlign: \"middle\",\n paddingRight: theme.space.xs,\n whiteSpace: \"nowrap\",\n ...theme.typography.body,\n cursor: \"pointer\",\n height: \"32px\",\n lineHeight: \"32px\",\n width: \"100%\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","container","cursor","height","transition","backgroundColor","theme","colors","containerBackgroundHover","borderRadius","radii","base","disabled","color","secondary_60","focusVisible","outlineStyles","atmo3","outline","boxShadow","invalidContainer","borderBottom","negative","borderBottomLeftRadius","borderBottomRightRadius","checkbox","invalidCheckbox","label","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAe;AAAA,EAChCC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRF,SAAS;AAAA,IACTG,QAAQ;AAAA,IACRC,YAAY;AAAA,IAEZ,WAAW;AAAA,MACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,MAC9BC,cAAcH,MAAMI,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACRV,QAAQ;AAAA,IACR,YAAY;AAAA,MAAEW,OAAOP,MAAMC,OAAOO;AAAAA,MAAcZ,QAAQ;AAAA,IAAc;AAAA,EACxE;AAAA,EACAa,cAAc;AAAA,IACZ,GAAGC;AAAAA,IAEH,SAAS;AAAA,MACPX,iBAAiBC,MAAMC,OAAOU;AAAAA,IAChC;AAAA,IAEA,CAAE,uBAAsB,GAAG;AAAA,MACzBC,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,cAAe,aAAYf,MAAMC,OAAOe,QAAS;AAAA,IAEjD,WAAW;AAAA,MACTC,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IAAEtB,QAAQ;AAAA,EAAO;AAAA,EAC3BuB,iBAAiB;AAAA,IACfL,cAAe,aAAYf,MAAMC,OAAOe,QAAS;AAAA,IACjDC,wBAAwB;AAAA,IACxBC,yBAAyB;AAAA,EAC3B;AAAA,EACAG,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,cAAczB,MAAM0B,MAAMC;AAAAA,IAC1BC,YAAY;AAAA,IACZ,GAAG5B,MAAM6B,WAAWC;AAAAA,IACpBlC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRkC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,CAAC;"}