@nimbus-ds/styles 5.1.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/index.css +225 -124
- package/dist/index.js +1 -1
- package/dist/packages/atomic/badge/index.css +10 -9
- package/dist/packages/atomic/badge/index.js +1 -1
- package/dist/packages/atomic/box/index.css +2 -1
- package/dist/packages/atomic/box/index.js +1 -1
- package/dist/packages/atomic/button/button.style.css.d.ts +1 -1
- package/dist/packages/atomic/button/index.css +23 -6
- package/dist/packages/atomic/button/index.d.ts +1 -1
- package/dist/packages/atomic/button/index.js +1 -1
- package/dist/packages/atomic/checkbox/index.css +7 -1
- package/dist/packages/atomic/checkbox/index.js +1 -1
- package/dist/packages/atomic/chip/index.css +7 -5
- package/dist/packages/atomic/chip/index.js +1 -1
- package/dist/packages/atomic/fileUploader/index.css +2 -1
- package/dist/packages/atomic/fileUploader/index.js +1 -1
- package/dist/packages/atomic/icon/icon.sprinkle.css.d.ts +6 -1
- package/dist/packages/atomic/icon/index.css +35 -19
- package/dist/packages/atomic/icon/index.d.ts +6 -1
- package/dist/packages/atomic/icon/index.js +1 -1
- package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts +16 -12
- package/dist/packages/atomic/iconButton/index.css +6 -2
- package/dist/packages/atomic/iconButton/index.d.ts +16 -12
- package/dist/packages/atomic/iconButton/index.js +1 -1
- package/dist/packages/atomic/input/index.css +3 -2
- package/dist/packages/atomic/input/index.js +1 -1
- package/dist/packages/atomic/label/index.css +2 -1
- package/dist/packages/atomic/label/index.js +1 -1
- package/dist/packages/atomic/link/index.css +5 -10
- package/dist/packages/atomic/link/index.js +1 -1
- package/dist/packages/atomic/list/index.css +2 -1
- package/dist/packages/atomic/list/index.js +1 -1
- package/dist/packages/atomic/popover/index.css +2 -1
- package/dist/packages/atomic/popover/index.js +1 -1
- package/dist/packages/atomic/radio/index.css +18 -9
- package/dist/packages/atomic/radio/index.js +1 -1
- package/dist/packages/atomic/select/index.css +3 -2
- package/dist/packages/atomic/select/index.js +1 -1
- package/dist/packages/atomic/skeleton/index.css +2 -1
- package/dist/packages/atomic/skeleton/index.js +1 -1
- package/dist/packages/atomic/spinner/index.css +22 -9
- package/dist/packages/atomic/spinner/index.d.ts +5 -1
- package/dist/packages/atomic/spinner/index.js +1 -1
- package/dist/packages/atomic/spinner/spinner.sprinkle.css.d.ts +5 -1
- package/dist/packages/atomic/stack/index.css +2 -1
- package/dist/packages/atomic/stack/index.js +1 -1
- package/dist/packages/atomic/tag/index.css +2 -1
- package/dist/packages/atomic/tag/index.js +1 -1
- package/dist/packages/atomic/text/index.css +48 -29
- package/dist/packages/atomic/text/index.d.ts +8 -2
- package/dist/packages/atomic/text/index.js +1 -1
- package/dist/packages/atomic/text/text.sprinkle.css.d.ts +8 -2
- package/dist/packages/atomic/textarea/index.css +3 -2
- package/dist/packages/atomic/textarea/index.js +1 -1
- package/dist/packages/atomic/thumbnail/index.css +2 -1
- package/dist/packages/atomic/thumbnail/index.js +1 -1
- package/dist/packages/atomic/title/index.css +8 -2
- package/dist/packages/atomic/title/index.d.ts +6 -0
- package/dist/packages/atomic/title/index.js +1 -1
- package/dist/packages/atomic/title/title.style.css.d.ts +6 -0
- package/dist/packages/atomic/toast/index.css +8 -13
- package/dist/packages/atomic/toast/index.js +1 -1
- package/dist/packages/atomic/toggle/index.css +32 -5
- package/dist/packages/atomic/toggle/index.js +1 -1
- package/dist/packages/atomic/tooltip/index.css +2 -1
- package/dist/packages/atomic/tooltip/index.js +1 -1
- package/dist/packages/composite/alert/index.css +14 -13
- package/dist/packages/composite/alert/index.js +1 -1
- package/dist/packages/composite/card/index.css +2 -1
- package/dist/packages/composite/card/index.js +1 -1
- package/dist/packages/composite/sidebar/index.css +2 -1
- package/dist/packages/composite/sidebar/index.js +1 -1
- package/dist/packages/composite/tabs/index.css +8 -4
- package/dist/packages/composite/tabs/index.js +1 -1
- package/dist/properties/css.d.ts +1 -0
- package/dist/themes/base.css +2 -1
- package/dist/themes/base.css.d.ts +3 -0
- package/dist/themes/base.js +1 -1
- package/dist/themes/dark.css +4 -2
- package/package.json +2 -2
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--g6qx2kq: #530001;
|
|
29
29
|
--g6qx2kr: #190000;
|
|
30
30
|
--g6qx2ks: #ffffff;
|
|
31
|
-
--g6qx2kt: #
|
|
31
|
+
--g6qx2kt: #fafafa;
|
|
32
32
|
--g6qx2ku: #e7e8e9;
|
|
33
33
|
--g6qx2kv: #cfd1d2;
|
|
34
34
|
--g6qx2kw: #b7babc;
|
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
--g6qx2k2s: 0px;
|
|
103
103
|
--g6qx2k2t: 672px;
|
|
104
104
|
--g6qx2k2u: 1024px;
|
|
105
|
+
--g6qx2k2v: 0 0 0 3px #7abcf7;
|
|
105
106
|
}
|
|
106
107
|
._5pa3qd0 {
|
|
107
108
|
display: flex;
|
|
@@ -114,7 +115,7 @@
|
|
|
114
115
|
line-height: var(--g6qx2k1f);
|
|
115
116
|
font-size: var(--g6qx2k13);
|
|
116
117
|
font-family: var(--g6qx2k12);
|
|
117
|
-
background: var(--
|
|
118
|
+
background: var(--g6qx2kt);
|
|
118
119
|
color: var(--g6qx2k10);
|
|
119
120
|
border-radius: 0.25rem;
|
|
120
121
|
box-sizing: border-box;
|
|
@@ -125,13 +126,14 @@
|
|
|
125
126
|
transition: all var(--g6qx2k2p) ease;
|
|
126
127
|
}
|
|
127
128
|
._5pa3qd0:hover {
|
|
128
|
-
background: var(--
|
|
129
|
+
background: var(--g6qx2kv);
|
|
129
130
|
border-color: var(--g6qx2kx);
|
|
130
131
|
}
|
|
131
132
|
._5pa3qd0:focus {
|
|
132
|
-
border-color: var(--
|
|
133
|
+
border-color: var(--g6qx2k2);
|
|
134
|
+
box-shadow: var(--g6qx2k2v);
|
|
133
135
|
}
|
|
134
136
|
._5pa3qd0:active {
|
|
135
|
-
background: var(--
|
|
137
|
+
background: var(--g6qx2kw);
|
|
136
138
|
border-color: var(--g6qx2ky);
|
|
137
139
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={167:()=>{}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{chip:()=>n});var e={};o.r(e),o.d(e,{container:()=>t});o(167);var t="_5pa3qd0";const n={classnames:{...e}}})(),r})()));
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--g6qx2kq: #530001;
|
|
29
29
|
--g6qx2kr: #190000;
|
|
30
30
|
--g6qx2ks: #ffffff;
|
|
31
|
-
--g6qx2kt: #
|
|
31
|
+
--g6qx2kt: #fafafa;
|
|
32
32
|
--g6qx2ku: #e7e8e9;
|
|
33
33
|
--g6qx2kv: #cfd1d2;
|
|
34
34
|
--g6qx2kw: #b7babc;
|
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
--g6qx2k2s: 0px;
|
|
103
103
|
--g6qx2k2t: 672px;
|
|
104
104
|
--g6qx2k2u: 1024px;
|
|
105
|
+
--g6qx2k2v: 0 0 0 3px #7abcf7;
|
|
105
106
|
}
|
|
106
107
|
._1rdcmki0 {
|
|
107
108
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["@nimbus-ds/styles"]=r():e["@nimbus-ds/styles"]=r()}(self,(()=>(()=>{"use strict";var e={763:(e,r,t)=>{function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{$:()=>i});var a=e=>function(){for(var r=arguments.length,t=new Array(r),o=0;o<r;o++)t[o]=arguments[o];var n=Object.assign({},...t.map((e=>e.styles))),a=Object.keys(n),l=a.filter((e=>"mappings"in n[e])),i=r=>{var t=[],o={},a=s({},r),i=!1;for(var f of l){var c=r[f];if(null!=c){var u=n[f];for(var p of(i=!0,u.mappings))o[p]=c,null==a[p]&&delete a[p]}}var v=i?s(s({},o),a):r;for(var d in v){var b=v[d],y=n[d];try{if(y.mappings)continue;if("string"==typeof b||"number"==typeof b)t.push(y.values[b].defaultClass);else if(Array.isArray(b))for(var O=0;O<b.length;O++){var m=b[O];if(null!=m){var j=y.responsiveArray[O];0,t.push(y.values[m].conditions[j])}}else for(var x in b){var g=b[x];null!=g&&t.push(y.values[g].conditions[x])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(i,{properties:new Set(a)})},l=e=>e,i=function(){return a(l)(...arguments)}},949:()=>{},175:()=>{},
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["@nimbus-ds/styles"]=r():e["@nimbus-ds/styles"]=r()}(self,(()=>(()=>{"use strict";var e={763:(e,r,t)=>{function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{$:()=>i});var a=e=>function(){for(var r=arguments.length,t=new Array(r),o=0;o<r;o++)t[o]=arguments[o];var n=Object.assign({},...t.map((e=>e.styles))),a=Object.keys(n),l=a.filter((e=>"mappings"in n[e])),i=r=>{var t=[],o={},a=s({},r),i=!1;for(var f of l){var c=r[f];if(null!=c){var u=n[f];for(var p of(i=!0,u.mappings))o[p]=c,null==a[p]&&delete a[p]}}var v=i?s(s({},o),a):r;for(var d in v){var b=v[d],y=n[d];try{if(y.mappings)continue;if("string"==typeof b||"number"==typeof b)t.push(y.values[b].defaultClass);else if(Array.isArray(b))for(var O=0;O<b.length;O++){var m=b[O];if(null!=m){var j=y.responsiveArray[O];0,t.push(y.values[m].conditions[j])}}else for(var x in b){var g=b[x];null!=g&&t.push(y.values[g].conditions[x])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(i,{properties:new Set(a)})},l=e=>e,i=function(){return a(l)(...arguments)}},949:()=>{},175:()=>{},167:()=>{}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var s=r[o]={exports:{}};return e[o](s,s.exports,t),s.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{t.r(o),t.d(o,{fileUploader:()=>i});var e={};t.r(e),t.d(e,{container:()=>r,disabled:()=>n,input:()=>s,skeleton:()=>a});t(167);var r="_1rdcmki0",n="_1rdcmki1",s="_1rdcmki2",a="_1rdcmki3",l=(t(175),t(949),{sprinkle:(0,t(763).$)({conditions:void 0,styles:{aspectRatio:{values:{none:{defaultClass:"qvfocx0"},"1/1":{defaultClass:"qvfocx1"},"16/9":{defaultClass:"qvfocx2"},"9/16":{defaultClass:"qvfocx3"},"4/3":{defaultClass:"qvfocx4"},"3/4":{defaultClass:"qvfocx5"},"2/1":{defaultClass:"qvfocx6"},"1/2":{defaultClass:"qvfocx7"}}},flexDirection:{values:{row:{defaultClass:"qvfocx8"},column:{defaultClass:"qvfocx9"}}},cursor:{values:{auto:{defaultClass:"qvfocxa"},pointer:{defaultClass:"qvfocxb"}}}}}),properties:{aspectRatio:["none","1/1","16/9","9/16","4/3","3/4","2/1","1/2"],flexDirection:["row","column"],cursor:["auto","pointer"]}});const i={classnames:{...e},...l}})(),o})()));
|
|
@@ -1,25 +1,30 @@
|
|
|
1
1
|
export declare const iconSprinkle: {
|
|
2
2
|
sprinkle: ((props: {
|
|
3
|
-
color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
|
|
3
|
+
color?: "primary.surface" | "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.surface" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.surface" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.surface" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.surface" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
|
|
4
4
|
cursor?: import("../../../types").Cursor | undefined;
|
|
5
5
|
}) => string) & {
|
|
6
6
|
properties: Set<"color" | "cursor">;
|
|
7
7
|
};
|
|
8
8
|
properties: {
|
|
9
9
|
color: {
|
|
10
|
+
"primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
11
|
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
12
|
"primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
13
|
"primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
+
"success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
15
|
"success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
16
|
"success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
17
|
"success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
+
"warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
19
|
"warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
20
|
"warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
21
|
"warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
+
"danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
23
|
"danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
24
|
"danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
25
|
"danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
26
|
"neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
28
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
29
|
"neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
30
|
"neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
--g6qx2kq: #530001;
|
|
33
33
|
--g6qx2kr: #190000;
|
|
34
34
|
--g6qx2ks: #ffffff;
|
|
35
|
-
--g6qx2kt: #
|
|
35
|
+
--g6qx2kt: #fafafa;
|
|
36
36
|
--g6qx2ku: #e7e8e9;
|
|
37
37
|
--g6qx2kv: #cfd1d2;
|
|
38
38
|
--g6qx2kw: #b7babc;
|
|
@@ -106,61 +106,77 @@
|
|
|
106
106
|
--g6qx2k2s: 0px;
|
|
107
107
|
--g6qx2k2t: 672px;
|
|
108
108
|
--g6qx2k2u: 1024px;
|
|
109
|
+
--g6qx2k2v: 0 0 0 3px #7abcf7;
|
|
109
110
|
}
|
|
110
111
|
._1stykmn0 {
|
|
111
|
-
color: var(--
|
|
112
|
+
color: var(--g6qx2k0);
|
|
112
113
|
}
|
|
113
114
|
._1stykmn1 {
|
|
114
|
-
color: var(--
|
|
115
|
+
color: var(--g6qx2k2);
|
|
115
116
|
}
|
|
116
117
|
._1stykmn2 {
|
|
117
|
-
color: var(--
|
|
118
|
+
color: var(--g6qx2k5);
|
|
118
119
|
}
|
|
119
120
|
._1stykmn3 {
|
|
120
|
-
color: var(--
|
|
121
|
+
color: var(--g6qx2k6);
|
|
121
122
|
}
|
|
122
123
|
._1stykmn4 {
|
|
123
|
-
color: var(--
|
|
124
|
+
color: var(--g6qx2k7);
|
|
124
125
|
}
|
|
125
126
|
._1stykmn5 {
|
|
126
|
-
color: var(--
|
|
127
|
+
color: var(--g6qx2k9);
|
|
127
128
|
}
|
|
128
129
|
._1stykmn6 {
|
|
129
|
-
color: var(--
|
|
130
|
+
color: var(--g6qx2kc);
|
|
130
131
|
}
|
|
131
132
|
._1stykmn7 {
|
|
132
|
-
color: var(--
|
|
133
|
+
color: var(--g6qx2kd);
|
|
133
134
|
}
|
|
134
135
|
._1stykmn8 {
|
|
135
|
-
color: var(--
|
|
136
|
+
color: var(--g6qx2ke);
|
|
136
137
|
}
|
|
137
138
|
._1stykmn9 {
|
|
138
|
-
color: var(--
|
|
139
|
+
color: var(--g6qx2kg);
|
|
139
140
|
}
|
|
140
141
|
._1stykmna {
|
|
141
|
-
color: var(--
|
|
142
|
+
color: var(--g6qx2kj);
|
|
142
143
|
}
|
|
143
144
|
._1stykmnb {
|
|
144
|
-
color: var(--
|
|
145
|
+
color: var(--g6qx2kk);
|
|
145
146
|
}
|
|
146
147
|
._1stykmnc {
|
|
147
|
-
color: var(--
|
|
148
|
+
color: var(--g6qx2kl);
|
|
148
149
|
}
|
|
149
150
|
._1stykmnd {
|
|
150
|
-
color: var(--
|
|
151
|
+
color: var(--g6qx2kn);
|
|
151
152
|
}
|
|
152
153
|
._1stykmne {
|
|
153
|
-
color: var(--
|
|
154
|
+
color: var(--g6qx2kq);
|
|
154
155
|
}
|
|
155
156
|
._1stykmnf {
|
|
156
|
-
color: var(--
|
|
157
|
+
color: var(--g6qx2kr);
|
|
157
158
|
}
|
|
158
159
|
._1stykmng {
|
|
159
|
-
color: var(--
|
|
160
|
+
color: var(--g6qx2ks);
|
|
160
161
|
}
|
|
161
162
|
._1stykmnh {
|
|
162
|
-
|
|
163
|
+
color: var(--g6qx2kt);
|
|
163
164
|
}
|
|
164
165
|
._1stykmni {
|
|
166
|
+
color: var(--g6qx2kw);
|
|
167
|
+
}
|
|
168
|
+
._1stykmnj {
|
|
169
|
+
color: var(--g6qx2k10);
|
|
170
|
+
}
|
|
171
|
+
._1stykmnk {
|
|
172
|
+
color: var(--g6qx2kz);
|
|
173
|
+
}
|
|
174
|
+
._1stykmnl {
|
|
175
|
+
color: var(--g6qx2k11);
|
|
176
|
+
}
|
|
177
|
+
._1stykmnm {
|
|
178
|
+
cursor: auto;
|
|
179
|
+
}
|
|
180
|
+
._1stykmnn {
|
|
165
181
|
cursor: pointer;
|
|
166
182
|
}
|
|
@@ -1,25 +1,30 @@
|
|
|
1
1
|
export declare const icon: {
|
|
2
2
|
sprinkle: ((props: {
|
|
3
|
-
color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
|
|
3
|
+
color?: "primary.surface" | "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.surface" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.surface" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.surface" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.surface" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
|
|
4
4
|
cursor?: import("../../../types").Cursor | undefined;
|
|
5
5
|
}) => string) & {
|
|
6
6
|
properties: Set<"color" | "cursor">;
|
|
7
7
|
};
|
|
8
8
|
properties: {
|
|
9
9
|
color: {
|
|
10
|
+
"primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
11
|
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
12
|
"primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
13
|
"primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
+
"success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
15
|
"success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
16
|
"success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
17
|
"success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
+
"warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
19
|
"warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
20
|
"warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
21
|
"warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
+
"danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
23
|
"danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
24
|
"danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
25
|
"danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
26
|
"neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
28
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
29
|
"neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
30
|
"neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={763:(e,t,r)=>{function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={763:(e,t,r)=>{function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function n(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{$:()=>o});var i=e=>function(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];var s=Object.assign({},...r.map((e=>e.styles))),i=Object.keys(s),l=i.filter((e=>"mappings"in s[e])),o=t=>{var r=[],a={},i=n({},t),o=!1;for(var u of l){var c=t[u];if(null!=c){var f=s[u];for(var g of(o=!0,f.mappings))a[g]=c,null==i[g]&&delete i[g]}}var v=o?n(n({},a),i):t;for(var y in v){var d=v[y],p=s[y];try{if(p.mappings)continue;if("string"==typeof d||"number"==typeof d)r.push(p.values[d].defaultClass);else if(Array.isArray(d))for(var k=0;k<d.length;k++){var m=d[k];if(null!=m){var x=p.responsiveArray[k];0,r.push(p.values[m].conditions[x])}}else for(var b in d){var w=d[b];null!=w&&r.push(p.values[w].conditions[b])}}catch(e){throw e}}return e(r.join(" "))};return Object.assign(o,{properties:new Set(i)})},l=e=>e,o=function(){return i(l)(...arguments)}},167:()=>{}},t={};function r(a){var s=t[a];if(void 0!==s)return s.exports;var n=t[a]={exports:{}};return e[a](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{icon:()=>n});var e={};r.r(e),r.d(e,{container:()=>t});var t="ykr0l50",s=(r(167),{sprinkle:(0,r(763).$)({conditions:void 0,styles:{color:{values:{"primary.surface":{defaultClass:"_1stykmn0"},"primary.interactive":{defaultClass:"_1stykmn1"},"primary.textLow":{defaultClass:"_1stykmn2"},"primary.textHigh":{defaultClass:"_1stykmn3"},"success.surface":{defaultClass:"_1stykmn4"},"success.interactive":{defaultClass:"_1stykmn5"},"success.textLow":{defaultClass:"_1stykmn6"},"success.textHigh":{defaultClass:"_1stykmn7"},"warning.surface":{defaultClass:"_1stykmn8"},"warning.interactive":{defaultClass:"_1stykmn9"},"warning.textLow":{defaultClass:"_1stykmna"},"warning.textHigh":{defaultClass:"_1stykmnb"},"danger.surface":{defaultClass:"_1stykmnc"},"danger.interactive":{defaultClass:"_1stykmnd"},"danger.textLow":{defaultClass:"_1stykmne"},"danger.textHigh":{defaultClass:"_1stykmnf"},"neutral.background":{defaultClass:"_1stykmng"},"neutral.surface":{defaultClass:"_1stykmnh"},"neutral.interactive":{defaultClass:"_1stykmni"},"neutral.textLow":{defaultClass:"_1stykmnj"},"neutral.textDisabled":{defaultClass:"_1stykmnk"},"neutral.textHigh":{defaultClass:"_1stykmnl"}}},cursor:{values:{auto:{defaultClass:"_1stykmnm"},pointer:{defaultClass:"_1stykmnn"}}}}}),properties:{color:{"primary.surface":"var(--g6qx2k0)","primary.interactive":"var(--g6qx2k2)","primary.textLow":"var(--g6qx2k5)","primary.textHigh":"var(--g6qx2k6)","success.surface":"var(--g6qx2k7)","success.interactive":"var(--g6qx2k9)","success.textLow":"var(--g6qx2kc)","success.textHigh":"var(--g6qx2kd)","warning.surface":"var(--g6qx2ke)","warning.interactive":"var(--g6qx2kg)","warning.textLow":"var(--g6qx2kj)","warning.textHigh":"var(--g6qx2kk)","danger.surface":"var(--g6qx2kl)","danger.interactive":"var(--g6qx2kn)","danger.textLow":"var(--g6qx2kq)","danger.textHigh":"var(--g6qx2kr)","neutral.background":"var(--g6qx2ks)","neutral.surface":"var(--g6qx2kt)","neutral.interactive":"var(--g6qx2kw)","neutral.textLow":"var(--g6qx2k10)","neutral.textDisabled":"var(--g6qx2kz)","neutral.textHigh":"var(--g6qx2k11)"},cursor:["auto","pointer"]}});const n={classnames:{...e},...s}})(),a})()));
|
|
@@ -6,60 +6,62 @@ export declare const iconButtonSprinkle: {
|
|
|
6
6
|
backgroundColor: {
|
|
7
7
|
dynamic: {
|
|
8
8
|
default: string;
|
|
9
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
9
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
10
10
|
};
|
|
11
11
|
dynamicScale: {
|
|
12
12
|
transparent: string;
|
|
13
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
14
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
15
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
16
|
};
|
|
17
17
|
name: "backgroundColor";
|
|
18
18
|
vars: {
|
|
19
19
|
default: string;
|
|
20
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
20
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
borderColor: {
|
|
24
24
|
dynamic: {
|
|
25
25
|
default: string;
|
|
26
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
26
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
27
27
|
};
|
|
28
28
|
dynamicScale: {
|
|
29
29
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
30
30
|
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
+
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
33
|
transparent: string;
|
|
34
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
35
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
36
|
};
|
|
35
37
|
name: "borderColor";
|
|
36
38
|
vars: {
|
|
37
39
|
default: string;
|
|
38
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
40
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
39
41
|
};
|
|
40
42
|
};
|
|
41
43
|
width: {
|
|
42
44
|
dynamic: {
|
|
43
45
|
default: string;
|
|
44
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
46
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
45
47
|
};
|
|
46
48
|
dynamicScale: true;
|
|
47
49
|
name: "width";
|
|
48
50
|
vars: {
|
|
49
51
|
default: string;
|
|
50
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
52
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
51
53
|
};
|
|
52
54
|
};
|
|
53
55
|
height: {
|
|
54
56
|
dynamic: {
|
|
55
57
|
default: string;
|
|
56
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
58
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
57
59
|
};
|
|
58
60
|
dynamicScale: true;
|
|
59
61
|
name: "height";
|
|
60
62
|
vars: {
|
|
61
63
|
default: string;
|
|
62
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
64
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
63
65
|
};
|
|
64
66
|
};
|
|
65
67
|
};
|
|
@@ -73,16 +75,18 @@ export declare const iconButtonSprinkle: {
|
|
|
73
75
|
properties: {
|
|
74
76
|
backgroundColor: {
|
|
75
77
|
transparent: string;
|
|
78
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
79
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
77
80
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
81
|
};
|
|
80
82
|
borderColor: {
|
|
81
83
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
84
|
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
+
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
87
|
transparent: string;
|
|
88
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
89
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
90
|
};
|
|
87
91
|
};
|
|
88
92
|
};
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--g6qx2kq: #530001;
|
|
29
29
|
--g6qx2kr: #190000;
|
|
30
30
|
--g6qx2ks: #ffffff;
|
|
31
|
-
--g6qx2kt: #
|
|
31
|
+
--g6qx2kt: #fafafa;
|
|
32
32
|
--g6qx2ku: #e7e8e9;
|
|
33
33
|
--g6qx2kv: #cfd1d2;
|
|
34
34
|
--g6qx2kw: #b7babc;
|
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
--g6qx2k2s: 0px;
|
|
103
103
|
--g6qx2k2t: 672px;
|
|
104
104
|
--g6qx2k2u: 1024px;
|
|
105
|
+
--g6qx2k2v: 0 0 0 3px #7abcf7;
|
|
105
106
|
}
|
|
106
107
|
._1mk82bx0 {
|
|
107
108
|
display: flex;
|
|
@@ -114,9 +115,12 @@
|
|
|
114
115
|
transition: all var(--g6qx2k2p) ease;
|
|
115
116
|
}
|
|
116
117
|
._1mk82bx0:active {
|
|
117
|
-
background-color: var(--
|
|
118
|
+
background-color: var(--g6qx2kw);
|
|
118
119
|
border-color: var(--g6qx2ky);
|
|
119
120
|
}
|
|
121
|
+
._1mk82bx0:focus {
|
|
122
|
+
box-shadow: var(--g6qx2k2v);
|
|
123
|
+
}
|
|
120
124
|
.dhtwyb9:active {
|
|
121
125
|
width: var(--dhtwyb3);
|
|
122
126
|
}
|
|
@@ -6,60 +6,62 @@ export declare const iconButton: {
|
|
|
6
6
|
backgroundColor: {
|
|
7
7
|
dynamic: {
|
|
8
8
|
default: string;
|
|
9
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
9
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
10
10
|
};
|
|
11
11
|
dynamicScale: {
|
|
12
12
|
transparent: string;
|
|
13
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
14
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
15
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
16
|
};
|
|
17
17
|
name: "backgroundColor";
|
|
18
18
|
vars: {
|
|
19
19
|
default: string;
|
|
20
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
20
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
borderColor: {
|
|
24
24
|
dynamic: {
|
|
25
25
|
default: string;
|
|
26
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
26
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
27
27
|
};
|
|
28
28
|
dynamicScale: {
|
|
29
29
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
30
30
|
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
+
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
33
|
transparent: string;
|
|
34
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
35
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
36
|
};
|
|
35
37
|
name: "borderColor";
|
|
36
38
|
vars: {
|
|
37
39
|
default: string;
|
|
38
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
40
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
39
41
|
};
|
|
40
42
|
};
|
|
41
43
|
width: {
|
|
42
44
|
dynamic: {
|
|
43
45
|
default: string;
|
|
44
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
46
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
45
47
|
};
|
|
46
48
|
dynamicScale: true;
|
|
47
49
|
name: "width";
|
|
48
50
|
vars: {
|
|
49
51
|
default: string;
|
|
50
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
52
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
51
53
|
};
|
|
52
54
|
};
|
|
53
55
|
height: {
|
|
54
56
|
dynamic: {
|
|
55
57
|
default: string;
|
|
56
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
58
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
57
59
|
};
|
|
58
60
|
dynamicScale: true;
|
|
59
61
|
name: "height";
|
|
60
62
|
vars: {
|
|
61
63
|
default: string;
|
|
62
|
-
conditions: Record<"active" | "xs" | "md" | "lg" | "
|
|
64
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "focus" | "hover", string>;
|
|
63
65
|
};
|
|
64
66
|
};
|
|
65
67
|
};
|
|
@@ -73,16 +75,18 @@ export declare const iconButton: {
|
|
|
73
75
|
properties: {
|
|
74
76
|
backgroundColor: {
|
|
75
77
|
transparent: string;
|
|
78
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
79
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
77
80
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
81
|
};
|
|
80
82
|
borderColor: {
|
|
81
83
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
84
|
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
+
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
+
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
87
|
transparent: string;
|
|
88
|
+
"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
89
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
-
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
90
|
};
|
|
87
91
|
};
|
|
88
92
|
classnames: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t
|
|
1
|
+
!function(r,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():r["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var r={33:(r,t,e)=>{function n(r){var t=r.match(/^var\((.*)\)$/);return t?t[1]:r}function a(r,t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=r.constructor();for(var o in r){var i=r[o],c=[...e,o];"string"==typeof i||"number"==typeof i||null==i?n[o]=t(i,c):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(c.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):n[o]=a(i,t,c)}return n}function o(r,t){var e={};if("object"==typeof t){var o=r;a(t,((r,t)=>{var a=function(r,t){var e=r;for(var n of t){if(!(n in e))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));e=e[n]}return e}(o,t);e[n(a)]=String(r)}))}else{var i=r;for(var c in i)e[n(c)]=i[c]}return Object.defineProperty(e,"toString",{value:function(){return Object.keys(this).map((r=>"".concat(r,":").concat(this[r]))).join(";")},writable:!1}),e}function i(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function c(r,t){if(r){if("string"==typeof r)return i(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?i(r,t):void 0}}function u(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,a,o=[],i=!0,c=!1;try{for(e=e.call(r);!(i=(n=e.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(r){c=!0,a=r}finally{try{i||null==e.return||e.return()}finally{if(c)throw a}}return o}}(r,t)||c(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}e.d(t,{c:()=>w});var d=/(-)?\$(\w*)/;function v(r){if("string"==typeof r){var t,e=r.match(d);if(e)return(null!==(t=e[1])&&void 0!==t?t:"").concat(e[2])}return r}function y(r){return function(r){if(Array.isArray(r))return i(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||c(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(r,t){var e="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!e){if(Array.isArray(r)||(e=c(r))||t&&r&&"number"==typeof r.length){e&&(r=e);var n=0,a=function(){};return{s:a,n:function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]}},e:function(r){throw r},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,u=!1;return{s:function(){e=e.call(r)},n:function(){var r=e.next();return i=r.done,r},e:function(r){u=!0,o=r},f:function(){try{i||null==e.return||e.return()}finally{if(u)throw o}}}}function s(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,n)}return e}function b(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?s(Object(e),!0).forEach((function(t){l(r,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):s(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}))}return r}function h(r,t){if(!t)return"";var e=r.dynamic,n=r.values,a=r.name;if("string"==typeof t||"number"==typeof t){var o=v(t);return null!=n&&n[o]?n[o].default:e?e.default:(console.error("Rainbow Sprinkles: invalid value provided to prop '".concat(a,"'. Expected one of ").concat(Object.keys(n).map((function(r){return'"'.concat(r,'"')})).join(", "),". Received: ").concat(JSON.stringify(t),".")),"")}var i=Object.keys(t);return i.length<1?"":i.map((function(r){var o=v(t[r]);return null!=n&&n[o]?n[o].conditions[r]:e?e.conditions[r]:(console.error("Rainbow Sprinkles: invalid value provided to prop '".concat(a,"'. Expected one of ").concat(Object.keys(n).map((function(r){return'"'.concat(r,'"')})).join(", "),". Received: ").concat(JSON.stringify(o),".")),null)})).filter(Boolean).join(" ").trim()}function p(r,t){var e=r.vars,n=r.dynamicScale,a=r.values,i=r.dynamic;if("string"==typeof t||"number"==typeof t){var c,d,y=v(t);return null!=a&&a[y]||null!=a&&null!==(c=a.conditions)&&void 0!==c&&c[y]||!i?{}:o(l({},e.default,null!==(d=null==n?void 0:n[y])&&void 0!==d?d:"".concat(t)))}if(t&&Object.keys(t).length<1||null==t)return{};var f=!1,s=Object.entries(t).reduce((function(r,t){var o=u(t,2),c=o[0],l=o[1];if(l){var d,y=v(l);if(null!=a&&a[y]||!i)return r;f=!0,r[e.conditions[c]]=null!==(d=null==n?void 0:n[y])&&void 0!==d?d:"".concat(l)}return r}),{});return f?o(s):{}}var w=function(){for(var r=arguments.length,t=new Array(r),e=0;e<r;e++)t[e]=arguments[e];var n=Object.assign.apply(Object,[{}].concat(y(t.map((function(r){return r.config}))))),a=Object.keys(n),o=new Set(a),i=a.filter((function(r){return"mappings"in n[r]})),c=function(r){var t,e={},a=[],c={},u={},l=b({},r),d=!1,v=f(i);try{for(v.s();!(t=v.n()).done;){var y=t.value,s=r[y];if(null!=s){var w=n[y];d=!0;var g,m=f(w.mappings);try{for(m.s();!(g=m.n()).done;){var j=g.value;u[j]=s,null==l[j]&&delete l[j]}}catch(r){m.e(r)}finally{m.f()}}}}catch(r){v.e(r)}finally{v.f()}var x=d?b(b({},u),l):r;for(var O in x)if(o.has(O)){var k=n[O],S=x[O];"mappings"in k||k&&(a.push(h(k,S)),Object.assign(e,p(k,S)))}else c[O]=r[O];return{className:a.join(" ").trim(),style:e,otherProps:c}};return Object.assign(c,{properties:o})}},167:()=>{}},t={};function e(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return r[n](o,o.exports,e),o.exports}e.d=(r,t)=>{for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},e.o=(r,t)=>Object.prototype.hasOwnProperty.call(r,t),e.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var n={};return(()=>{e.r(n),e.d(n,{iconButton:()=>o});var r={};e.r(r),e.d(r,{container:()=>t});e(167);var t="_1mk82bx0",a={sprinkle:(0,e(33).c)({config:{size:{mappings:["width","height"]},width:{dynamic:{default:"dhtwyb6",conditions:{xs:"dhtwyb6",md:"dhtwyb7",lg:"dhtwyb8",active:"dhtwyb9",hover:"dhtwyba",focus:"dhtwybb"}},name:"width",vars:{conditions:{xs:"var(--dhtwyb0)",md:"var(--dhtwyb1)",lg:"var(--dhtwyb2)",active:"var(--dhtwyb3)",hover:"var(--dhtwyb4)",focus:"var(--dhtwyb5)"},default:"var(--dhtwyb0)"},dynamicScale:!0},height:{dynamic:{default:"dhtwybi",conditions:{xs:"dhtwybi",md:"dhtwybj",lg:"dhtwybk",active:"dhtwybl",hover:"dhtwybm",focus:"dhtwybn"}},name:"height",vars:{conditions:{xs:"var(--dhtwybc)",md:"var(--dhtwybd)",lg:"var(--dhtwybe)",active:"var(--dhtwybf)",hover:"var(--dhtwybg)",focus:"var(--dhtwybh)"},default:"var(--dhtwybc)"},dynamicScale:!0},backgroundColor:{dynamic:{default:"dhtwybu",conditions:{xs:"dhtwybu",md:"dhtwybv",lg:"dhtwybw",active:"dhtwybx",hover:"dhtwyby",focus:"dhtwybz"}},name:"backgroundColor",vars:{conditions:{xs:"var(--dhtwybo)",md:"var(--dhtwybp)",lg:"var(--dhtwybq)",active:"var(--dhtwybr)",hover:"var(--dhtwybs)",focus:"var(--dhtwybt)"},default:"var(--dhtwybo)"},dynamicScale:{transparent:"transparent","neutral.surface":"var(--g6qx2kt)","neutral.interactive":"var(--g6qx2kw)","neutral.surfaceHighlight":"var(--g6qx2kv)"}},borderColor:{dynamic:{default:"dhtwyb16",conditions:{xs:"dhtwyb16",md:"dhtwyb17",lg:"dhtwyb18",active:"dhtwyb19",hover:"dhtwyb1a",focus:"dhtwyb1b"}},name:"borderColor",vars:{conditions:{xs:"var(--dhtwyb10)",md:"var(--dhtwyb11)",lg:"var(--dhtwyb12)",active:"var(--dhtwyb13)",hover:"var(--dhtwyb14)",focus:"var(--dhtwyb15)"},default:"var(--dhtwyb10)"},dynamicScale:{transparent:"transparent","neutral.surface":"var(--g6qx2kt)","neutral.interactive":"var(--g6qx2kw)","neutral.surfaceHighlight":"var(--g6qx2kv)","neutral.interactiveHover":"var(--g6qx2kx)","neutral.interactivePressed":"var(--g6qx2ky)","primary.interactive":"var(--g6qx2k2)"}}}}),properties:{backgroundColor:{transparent:"transparent","neutral.surface":"var(--g6qx2kt)","neutral.interactive":"var(--g6qx2kw)","neutral.surfaceHighlight":"var(--g6qx2kv)"},borderColor:{transparent:"transparent","neutral.surface":"var(--g6qx2kt)","neutral.interactive":"var(--g6qx2kw)","neutral.surfaceHighlight":"var(--g6qx2kv)","neutral.interactiveHover":"var(--g6qx2kx)","neutral.interactivePressed":"var(--g6qx2ky)","primary.interactive":"var(--g6qx2k2)"}}};const o={classnames:{...r},...a}})(),n})()));
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--g6qx2kq: #530001;
|
|
29
29
|
--g6qx2kr: #190000;
|
|
30
30
|
--g6qx2ks: #ffffff;
|
|
31
|
-
--g6qx2kt: #
|
|
31
|
+
--g6qx2kt: #fafafa;
|
|
32
32
|
--g6qx2ku: #e7e8e9;
|
|
33
33
|
--g6qx2kv: #cfd1d2;
|
|
34
34
|
--g6qx2kw: #b7babc;
|
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
--g6qx2k2s: 0px;
|
|
103
103
|
--g6qx2k2t: 672px;
|
|
104
104
|
--g6qx2k2u: 1024px;
|
|
105
|
+
--g6qx2k2v: 0 0 0 3px #7abcf7;
|
|
105
106
|
}
|
|
106
107
|
.dv19bt0 {
|
|
107
108
|
display: flex;
|
|
@@ -134,7 +135,7 @@
|
|
|
134
135
|
}
|
|
135
136
|
.dv19bt4:focus {
|
|
136
137
|
outline: none;
|
|
137
|
-
box-shadow:
|
|
138
|
+
box-shadow: var(--g6qx2k2v);
|
|
138
139
|
}
|
|
139
140
|
.dv19bt4:disabled {
|
|
140
141
|
border-color: var(--g6qx2kw);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={167:()=>{}},t={};function r(d){var o=t[d];if(void 0!==o)return o.exports;var n=t[d]={exports:{}};return e[d](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var d in t)r.o(t,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:t[d]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{r.r(d),r.d(d,{input:()=>a});var e={};r.r(e),r.d(e,{append:()=>t,baseAppend:()=>o,container:()=>n,inputAppearance:()=>s,inputAppend:()=>b,password:()=>p});r(167);var t={start:"dv19bt2 dv19bt1",end:"dv19bt3 dv19bt1"},o="dv19bt1",n="dv19bt0",s={neutral:"dv19bt5 dv19bt4",success:"dv19bt6 dv19bt4",warning:"dv19bt7 dv19bt4",danger:"dv19bt8 dv19bt4"},b={start:"dv19bt9",end:"dv19bta"},p="dv19btb";const a={classnames:{...e}}})(),d})()));
|