@hitachivantara/uikit-react-core 5.27.3 → 5.27.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/GlobalActions/GlobalActions.styles.cjs +7 -8
- package/dist/cjs/components/GlobalActions/GlobalActions.styles.cjs.map +1 -1
- package/dist/cjs/components/TagsInput/TagsInput.styles.cjs +5 -3
- package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map +1 -1
- package/dist/esm/components/GlobalActions/GlobalActions.styles.js +7 -8
- package/dist/esm/components/GlobalActions/GlobalActions.styles.js.map +1 -1
- package/dist/esm/components/TagsInput/TagsInput.styles.js +5 -3
- package/dist/esm/components/TagsInput/TagsInput.styles.js.map +1 -1
- package/package.json +2 -2
|
@@ -21,16 +21,16 @@ const {
|
|
|
21
21
|
zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
|
|
22
22
|
top: 0,
|
|
23
23
|
left: 0,
|
|
24
|
+
padding: uikitStyles.theme.spacing(1, 0),
|
|
25
|
+
backdropFilter: "blur(1px)",
|
|
24
26
|
"&:before": {
|
|
25
27
|
content: "''",
|
|
26
28
|
display: "flex",
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
top: 0,
|
|
29
|
+
position: "absolute",
|
|
30
|
+
inset: 0,
|
|
30
31
|
background: uikitStyles.theme.colors.atmo2,
|
|
31
32
|
opacity: "75%"
|
|
32
|
-
}
|
|
33
|
-
backdropFilter: "blur(1px)"
|
|
33
|
+
}
|
|
34
34
|
},
|
|
35
35
|
wrapper: {
|
|
36
36
|
padding: uikitStyles.theme.space.sm,
|
|
@@ -41,12 +41,11 @@ const {
|
|
|
41
41
|
borderRadius: uikitStyles.theme.globalActions.borderRadius
|
|
42
42
|
},
|
|
43
43
|
globalWrapperComplement: {
|
|
44
|
-
position: "
|
|
44
|
+
position: "relative",
|
|
45
45
|
top: 0,
|
|
46
46
|
left: 0,
|
|
47
47
|
background: uikitStyles.theme.colors.atmo1,
|
|
48
|
-
width: "100%"
|
|
49
|
-
marginTop: uikitStyles.theme.space.xs
|
|
48
|
+
width: "100%"
|
|
50
49
|
},
|
|
51
50
|
globalSectionArea: {
|
|
52
51
|
backgroundColor: uikitStyles.theme.globalActions.sectionBackgroundColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalActions.styles.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n root: {\n position: \"relative\",\n },\n positionSticky: {\n width: \"100%\",\n position: \"sticky\",\n },\n positionFixed: {\n width: \"100%\",\n position: \"fixed\",\n },\n global: {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n top: 0,\n left: 0,\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n
|
|
1
|
+
{"version":3,"file":"GlobalActions.styles.cjs","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n root: {\n position: \"relative\",\n },\n positionSticky: {\n width: \"100%\",\n position: \"sticky\",\n },\n positionFixed: {\n width: \"100%\",\n position: \"fixed\",\n },\n global: {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n top: 0,\n left: 0,\n padding: theme.spacing(1, 0),\n backdropFilter: \"blur(1px)\",\n\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n position: \"absolute\",\n inset: 0,\n background: theme.colors.atmo2,\n opacity: \"75%\",\n },\n },\n wrapper: {\n padding: theme.space.sm,\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n border: theme.globalActions.border,\n borderRadius: theme.globalActions.borderRadius,\n },\n globalWrapperComplement: {\n position: \"relative\",\n top: 0,\n left: 0,\n background: theme.colors.atmo1,\n width: \"100%\",\n },\n globalSectionArea: {\n backgroundColor: theme.globalActions.sectionBackgroundColor,\n borderTop: `1px solid ${theme.colors.atmo4}`,\n paddingLeft: theme.globalActions.sectionPaddingLeft,\n },\n backButton: {\n marginRight: theme.space.xs,\n },\n name: {\n flexGrow: 1,\n },\n actions: {\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: \"auto\",\n gap: theme.space.xs,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","padding","spacing","backdropFilter","content","display","inset","background","colors","atmo2","opacity","wrapper","space","sm","justifyContent","alignItems","border","globalActions","borderRadius","globalWrapperComplement","atmo1","globalSectionArea","backgroundColor","sectionBackgroundColor","borderTop","atmo4","paddingLeft","sectionPaddingLeft","backButton","marginRight","xs","name","flexGrow","actions","marginLeft","gap"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,YAAAA,MAAMC,SAASC,MAAO;AAAA,IACtCC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,SAASL,YAAAA,MAAMM,QAAQ,GAAG,CAAC;AAAA,IAC3BC,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,UAAU;AAAA,MACVgB,OAAO;AAAA,MACPC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,SAASL,YAAAA,MAAMgB,MAAMC;AAAAA,IACrBR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQpB,YAAAA,MAAMqB,cAAcD;AAAAA,IAC5BE,cAActB,YAAAA,MAAMqB,cAAcC;AAAAA,EACpC;AAAA,EACAC,yBAAyB;AAAA,IACvB7B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNO,YAAYX,YAAAA,MAAMY,OAAOY;AAAAA,IACzB5B,OAAO;AAAA,EACT;AAAA,EACA6B,mBAAmB;AAAA,IACjBC,iBAAiB1B,YAAAA,MAAMqB,cAAcM;AAAAA,IACrCC,WAAY,aAAY5B,YAAMY,MAAAA,OAAOiB,KAAM;AAAA,IAC3CC,aAAa9B,YAAAA,MAAMqB,cAAcU;AAAAA,EACnC;AAAA,EACAC,YAAY;AAAA,IACVC,aAAajC,YAAAA,MAAMgB,MAAMkB;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,SAAS;AAAA,IACP5B,SAAS;AAAA,IACTU,YAAY;AAAA,IACZmB,YAAY;AAAA,IACZC,KAAKvC,YAAAA,MAAMgB,MAAMkB;AAAAA,EACnB;AACF,CAAC;;;"}
|
|
@@ -10,7 +10,10 @@ const {
|
|
|
10
10
|
staticClasses,
|
|
11
11
|
useClasses
|
|
12
12
|
} = classes.createClasses("HvTagsInput", {
|
|
13
|
-
input: {
|
|
13
|
+
input: {
|
|
14
|
+
width: "100%",
|
|
15
|
+
...uikitStyles.theme.typography.caption1
|
|
16
|
+
},
|
|
14
17
|
listItemGutters: {
|
|
15
18
|
padding: "0 5px"
|
|
16
19
|
},
|
|
@@ -130,7 +133,7 @@ const {
|
|
|
130
133
|
lineHeight: "24px",
|
|
131
134
|
"&$singleLine": {
|
|
132
135
|
display: "table-cell",
|
|
133
|
-
minWidth:
|
|
136
|
+
minWidth: 60,
|
|
134
137
|
width: "100%",
|
|
135
138
|
paddingTop: "3px",
|
|
136
139
|
verticalAlign: "middle"
|
|
@@ -148,7 +151,6 @@ const {
|
|
|
148
151
|
marginLeft: 0,
|
|
149
152
|
marginRight: 0,
|
|
150
153
|
flex: "1 1 auto",
|
|
151
|
-
minWidth: 48,
|
|
152
154
|
height: 24,
|
|
153
155
|
lineHeight: "24px",
|
|
154
156
|
padding: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {},\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth: 100,\n width: \"100%\",\n paddingTop: \"3px\",\n verticalAlign: \"middle\",\n },\n },\n tagInputRoot: {\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n \"&:hover $tagInputBorderContainer\": {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n minWidth: 48,\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent\",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n },\n tagSelected: {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n tagInputBorderContainer: {},\n tagInputRootFocused: {},\n tagInputRootEmpty: {},\n singleLine: {},\n error: { float: \"left\" },\n inputExtension: {},\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n suggestionList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","input","listItemGutters","padding","listItemRoot","marginBottom","height","lineHeight","display","paddingTop","root","width","chipRoot","chipClasses","maxWidth","disabled","backgroundColor","theme","tagsInput","disabledBackgroundColor","border","colors","atmo4","readOnly","readOnlyBackgroundColor","readOnlyBorderColor","resizable","resize","overflow","invalid","labelContainer","float","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","atmo1","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","overflowX","overflowY","negative","tagInputContainerRoot","flexGrow","minWidth","verticalAlign","tagInputRoot","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","tagSelected","tagInputBorderContainer","tagInputRootFocused","tagInputRootEmpty","singleLine","error","inputExtension","suggestionsContainer","top","suggestionsClasses","list","suggestionList"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {\n width: \"100%\",\n ...theme.typography.caption1,\n },\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth: 60,\n width: \"100%\",\n paddingTop: \"3px\",\n verticalAlign: \"middle\",\n },\n },\n tagInputRoot: {\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n \"&:hover $tagInputBorderContainer\": {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent\",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n },\n tagSelected: {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n tagInputBorderContainer: {},\n tagInputRootFocused: {},\n tagInputRootEmpty: {},\n singleLine: {},\n error: { float: \"left\" },\n inputExtension: {},\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n suggestionList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","input","width","theme","typography","caption1","listItemGutters","padding","listItemRoot","marginBottom","height","lineHeight","display","paddingTop","root","chipRoot","chipClasses","maxWidth","disabled","backgroundColor","tagsInput","disabledBackgroundColor","border","colors","atmo4","readOnly","readOnlyBackgroundColor","readOnlyBorderColor","resizable","resize","overflow","invalid","labelContainer","float","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","atmo1","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","overflowX","overflowY","negative","tagInputContainerRoot","flexGrow","minWidth","verticalAlign","tagInputRoot","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","tagSelected","tagInputBorderContainer","tagInputRootFocused","tagInputRootEmpty","singleLine","error","inputExtension","suggestionsContainer","top","suggestionsClasses","list","suggestionList"],"mappings":"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"}
|
|
@@ -19,16 +19,16 @@ const {
|
|
|
19
19
|
zIndex: `calc(${theme.zIndices.banner} - 2)`,
|
|
20
20
|
top: 0,
|
|
21
21
|
left: 0,
|
|
22
|
+
padding: theme.spacing(1, 0),
|
|
23
|
+
backdropFilter: "blur(1px)",
|
|
22
24
|
"&:before": {
|
|
23
25
|
content: "''",
|
|
24
26
|
display: "flex",
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
top: 0,
|
|
27
|
+
position: "absolute",
|
|
28
|
+
inset: 0,
|
|
28
29
|
background: theme.colors.atmo2,
|
|
29
30
|
opacity: "75%"
|
|
30
|
-
}
|
|
31
|
-
backdropFilter: "blur(1px)"
|
|
31
|
+
}
|
|
32
32
|
},
|
|
33
33
|
wrapper: {
|
|
34
34
|
padding: theme.space.sm,
|
|
@@ -39,12 +39,11 @@ const {
|
|
|
39
39
|
borderRadius: theme.globalActions.borderRadius
|
|
40
40
|
},
|
|
41
41
|
globalWrapperComplement: {
|
|
42
|
-
position: "
|
|
42
|
+
position: "relative",
|
|
43
43
|
top: 0,
|
|
44
44
|
left: 0,
|
|
45
45
|
background: theme.colors.atmo1,
|
|
46
|
-
width: "100%"
|
|
47
|
-
marginTop: theme.space.xs
|
|
46
|
+
width: "100%"
|
|
48
47
|
},
|
|
49
48
|
globalSectionArea: {
|
|
50
49
|
backgroundColor: theme.globalActions.sectionBackgroundColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n root: {\n position: \"relative\",\n },\n positionSticky: {\n width: \"100%\",\n position: \"sticky\",\n },\n positionFixed: {\n width: \"100%\",\n position: \"fixed\",\n },\n global: {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n top: 0,\n left: 0,\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n
|
|
1
|
+
{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvGlobalActions\", {\n root: {\n position: \"relative\",\n },\n positionSticky: {\n width: \"100%\",\n position: \"sticky\",\n },\n positionFixed: {\n width: \"100%\",\n position: \"fixed\",\n },\n global: {\n zIndex: `calc(${theme.zIndices.banner} - 2)`,\n top: 0,\n left: 0,\n padding: theme.spacing(1, 0),\n backdropFilter: \"blur(1px)\",\n\n \"&:before\": {\n content: \"''\",\n display: \"flex\",\n position: \"absolute\",\n inset: 0,\n background: theme.colors.atmo2,\n opacity: \"75%\",\n },\n },\n wrapper: {\n padding: theme.space.sm,\n display: \"flex\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n border: theme.globalActions.border,\n borderRadius: theme.globalActions.borderRadius,\n },\n globalWrapperComplement: {\n position: \"relative\",\n top: 0,\n left: 0,\n background: theme.colors.atmo1,\n width: \"100%\",\n },\n globalSectionArea: {\n backgroundColor: theme.globalActions.sectionBackgroundColor,\n borderTop: `1px solid ${theme.colors.atmo4}`,\n paddingLeft: theme.globalActions.sectionPaddingLeft,\n },\n backButton: {\n marginRight: theme.space.xs,\n },\n name: {\n flexGrow: 1,\n },\n actions: {\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: \"auto\",\n gap: theme.space.xs,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","position","positionSticky","width","positionFixed","global","zIndex","theme","zIndices","banner","top","left","padding","spacing","backdropFilter","content","display","inset","background","colors","atmo2","opacity","wrapper","space","sm","justifyContent","alignItems","border","globalActions","borderRadius","globalWrapperComplement","atmo1","globalSectionArea","backgroundColor","sectionBackgroundColor","borderTop","atmo4","paddingLeft","sectionPaddingLeft","backButton","marginRight","xs","name","flexGrow","actions","marginLeft","gap"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,gBAAgB;AAAA,IACdC,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACbD,OAAO;AAAA,IACPF,UAAU;AAAA,EACZ;AAAA,EACAI,QAAQ;AAAA,IACNC,QAAS,QAAOC,MAAMC,SAASC,MAAO;AAAA,IACtCC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,SAASL,MAAMM,QAAQ,GAAG,CAAC;AAAA,IAC3BC,gBAAgB;AAAA,IAEhB,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,UAAU;AAAA,MACVgB,OAAO;AAAA,MACPC,YAAYX,MAAMY,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPV,SAASL,MAAMgB,MAAMC;AAAAA,IACrBR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQpB,MAAMqB,cAAcD;AAAAA,IAC5BE,cAActB,MAAMqB,cAAcC;AAAAA,EACpC;AAAA,EACAC,yBAAyB;AAAA,IACvB7B,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,MAAM;AAAA,IACNO,YAAYX,MAAMY,OAAOY;AAAAA,IACzB5B,OAAO;AAAA,EACT;AAAA,EACA6B,mBAAmB;AAAA,IACjBC,iBAAiB1B,MAAMqB,cAAcM;AAAAA,IACrCC,WAAY,aAAY5B,MAAMY,OAAOiB,KAAM;AAAA,IAC3CC,aAAa9B,MAAMqB,cAAcU;AAAAA,EACnC;AAAA,EACAC,YAAY;AAAA,IACVC,aAAajC,MAAMgB,MAAMkB;AAAAA,EAC3B;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,EACZ;AAAA,EACAC,SAAS;AAAA,IACP5B,SAAS;AAAA,IACTU,YAAY;AAAA,IACZmB,YAAY;AAAA,IACZC,KAAKvC,MAAMgB,MAAMkB;AAAAA,EACnB;AACF,CAAC;"}
|
|
@@ -8,7 +8,10 @@ const {
|
|
|
8
8
|
staticClasses,
|
|
9
9
|
useClasses
|
|
10
10
|
} = createClasses("HvTagsInput", {
|
|
11
|
-
input: {
|
|
11
|
+
input: {
|
|
12
|
+
width: "100%",
|
|
13
|
+
...theme.typography.caption1
|
|
14
|
+
},
|
|
12
15
|
listItemGutters: {
|
|
13
16
|
padding: "0 5px"
|
|
14
17
|
},
|
|
@@ -128,7 +131,7 @@ const {
|
|
|
128
131
|
lineHeight: "24px",
|
|
129
132
|
"&$singleLine": {
|
|
130
133
|
display: "table-cell",
|
|
131
|
-
minWidth:
|
|
134
|
+
minWidth: 60,
|
|
132
135
|
width: "100%",
|
|
133
136
|
paddingTop: "3px",
|
|
134
137
|
verticalAlign: "middle"
|
|
@@ -146,7 +149,6 @@ const {
|
|
|
146
149
|
marginLeft: 0,
|
|
147
150
|
marginRight: 0,
|
|
148
151
|
flex: "1 1 auto",
|
|
149
|
-
minWidth: 48,
|
|
150
152
|
height: 24,
|
|
151
153
|
lineHeight: "24px",
|
|
152
154
|
padding: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagsInput.styles.js","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {},\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth:
|
|
1
|
+
{"version":3,"file":"TagsInput.styles.js","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {\n width: \"100%\",\n ...theme.typography.caption1,\n },\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth: 60,\n width: \"100%\",\n paddingTop: \"3px\",\n verticalAlign: \"middle\",\n },\n },\n tagInputRoot: {\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n \"&:hover $tagInputBorderContainer\": {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent\",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n },\n tagSelected: {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n tagInputBorderContainer: {},\n tagInputRootFocused: {},\n tagInputRootEmpty: {},\n singleLine: {},\n error: { float: \"left\" },\n inputExtension: {},\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n suggestionList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","input","width","theme","typography","caption1","listItemGutters","padding","listItemRoot","marginBottom","height","lineHeight","display","paddingTop","root","chipRoot","chipClasses","maxWidth","disabled","backgroundColor","tagsInput","disabledBackgroundColor","border","colors","atmo4","readOnly","readOnlyBackgroundColor","readOnlyBorderColor","resizable","resize","overflow","invalid","labelContainer","float","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","atmo1","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","overflowX","overflowY","negative","tagInputContainerRoot","flexGrow","minWidth","verticalAlign","tagInputRoot","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","tagSelected","tagInputBorderContainer","tagInputRootFocused","tagInputRootEmpty","singleLine","error","inputExtension","suggestionsContainer","top","suggestionsClasses","list","suggestionList"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.27.
|
|
3
|
+
"version": "5.27.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Core React components for the NEXT Design System.",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"access": "public",
|
|
65
65
|
"directory": "package"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "e948ae1d26c9b60721df3576ae833340422b119b",
|
|
68
68
|
"main": "dist/cjs/index.cjs",
|
|
69
69
|
"exports": {
|
|
70
70
|
".": {
|