@nimbus-ds/styles 5.0.0-rc.1 → 5.0.0-rc.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/index.js +1 -1
- package/dist/packages/atomic/box/box.sprinkle.css.d.ts +16 -16
- package/dist/packages/atomic/box/box.sprinkle.types.d.ts +40 -40
- package/dist/packages/atomic/box/index.d.ts +10 -10
- package/dist/packages/atomic/checkbox/checkbox.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/checkbox/index.d.ts +1 -1
- package/dist/packages/atomic/fileUploader/fileUploader.sprinkle.css.d.ts +2 -2
- package/dist/packages/atomic/fileUploader/index.d.ts +8 -4
- package/dist/packages/atomic/fileUploader/index.js +1 -1
- package/dist/packages/atomic/icon/icon.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/icon/index.d.ts +1 -1
- package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts +10 -10
- package/dist/packages/atomic/iconButton/iconButton.sprinkle.types.d.ts +5 -5
- package/dist/packages/atomic/iconButton/index.d.ts +8 -8
- package/dist/packages/atomic/popover/index.d.ts +9 -5
- package/dist/packages/atomic/popover/index.js +1 -1
- package/dist/packages/atomic/popover/popover.sprinkle.css.d.ts +3 -3
- package/dist/packages/atomic/radio/index.d.ts +1 -1
- package/dist/packages/atomic/radio/radio.sprinkle.css.d.ts +1 -1
- package/dist/packages/atomic/stack/index.d.ts +9 -9
- package/dist/packages/atomic/stack/stack.sprinkle.css.d.ts +21 -21
- package/dist/packages/atomic/stack/stack.sprinkle.types.d.ts +14 -14
- package/dist/packages/atomic/text/index.d.ts +2 -2
- package/dist/packages/atomic/text/text.sprinkle.css.d.ts +2 -2
- package/dist/packages/atomic/thumbnail/index.d.ts +6 -2
- package/dist/packages/atomic/thumbnail/index.js +1 -1
- package/dist/packages/atomic/toast/index.d.ts +1 -1
- package/dist/packages/atomic/toast/toast.style.css.d.ts +1 -1
- package/dist/packages/composite/card/card.sprinkle.css.d.ts +1 -1
- package/dist/packages/composite/card/index.d.ts +7 -3
- package/dist/packages/composite/card/index.js +1 -1
- package/dist/packages/composite/sidebar/index.d.ts +11 -4
- package/dist/packages/composite/sidebar/index.js +1 -1
- package/dist/packages/composite/sidebar/sidebar.sprinkle.css.d.ts +2 -2
- package/package.json +2 -2
|
@@ -2,7 +2,7 @@ export declare const icon: {
|
|
|
2
2
|
style: string;
|
|
3
3
|
sprinkle: ((props: {
|
|
4
4
|
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;
|
|
5
|
-
cursor?: "
|
|
5
|
+
cursor?: "auto" | "pointer" | undefined;
|
|
6
6
|
}) => string) & {
|
|
7
7
|
properties: Set<"color" | "cursor">;
|
|
8
8
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const iconButtonBackgroundColorProperties: {
|
|
2
2
|
transparent: string;
|
|
3
3
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
4
|
"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
5
|
"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
6
|
};
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const iconButtonBorderColorProperties: {
|
|
8
8
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
9
|
"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
10
|
transparent: string;
|
|
@@ -18,31 +18,31 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
18
18
|
width: {
|
|
19
19
|
dynamic: {
|
|
20
20
|
default: string;
|
|
21
|
-
conditions: Record<"
|
|
21
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
22
22
|
};
|
|
23
23
|
dynamicScale: true;
|
|
24
24
|
name: "width";
|
|
25
25
|
vars: {
|
|
26
26
|
default: string;
|
|
27
|
-
conditions: Record<"
|
|
27
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
30
|
height: {
|
|
31
31
|
dynamic: {
|
|
32
32
|
default: string;
|
|
33
|
-
conditions: Record<"
|
|
33
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
34
34
|
};
|
|
35
35
|
dynamicScale: true;
|
|
36
36
|
name: "height";
|
|
37
37
|
vars: {
|
|
38
38
|
default: string;
|
|
39
|
-
conditions: Record<"
|
|
39
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
backgroundColor: {
|
|
43
43
|
dynamic: {
|
|
44
44
|
default: string;
|
|
45
|
-
conditions: Record<"
|
|
45
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
46
46
|
};
|
|
47
47
|
dynamicScale: {
|
|
48
48
|
transparent: string;
|
|
@@ -53,13 +53,13 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
53
53
|
name: "backgroundColor";
|
|
54
54
|
vars: {
|
|
55
55
|
default: string;
|
|
56
|
-
conditions: Record<"
|
|
56
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
57
57
|
};
|
|
58
58
|
};
|
|
59
59
|
borderColor: {
|
|
60
60
|
dynamic: {
|
|
61
61
|
default: string;
|
|
62
|
-
conditions: Record<"
|
|
62
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
63
63
|
};
|
|
64
64
|
dynamicScale: {
|
|
65
65
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -71,7 +71,7 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
71
71
|
name: "borderColor";
|
|
72
72
|
vars: {
|
|
73
73
|
default: string;
|
|
74
|
-
conditions: Record<"
|
|
74
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
77
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare type
|
|
3
|
-
declare type
|
|
1
|
+
import { iconButtonBackgroundColorProperties, iconButtonBorderColorProperties } from "./iconButton.sprinkle.css";
|
|
2
|
+
declare type IconButtonBackgroundColorProperties = keyof typeof iconButtonBackgroundColorProperties;
|
|
3
|
+
declare type IconButtonBorderColorProperties = keyof typeof iconButtonBorderColorProperties;
|
|
4
4
|
interface Conditions<T> {
|
|
5
5
|
xs?: T;
|
|
6
6
|
md?: T;
|
|
@@ -11,7 +11,7 @@ interface Conditions<T> {
|
|
|
11
11
|
}
|
|
12
12
|
export interface IconButtonSprinkle {
|
|
13
13
|
size?: string | Conditions<string>;
|
|
14
|
-
borderColor?:
|
|
15
|
-
backgroundColor?:
|
|
14
|
+
borderColor?: IconButtonBorderColorProperties | Conditions<IconButtonBorderColorProperties>;
|
|
15
|
+
backgroundColor?: IconButtonBackgroundColorProperties | Conditions<IconButtonBackgroundColorProperties>;
|
|
16
16
|
}
|
|
17
17
|
export {};
|
|
@@ -8,31 +8,31 @@ export declare const iconButton: {
|
|
|
8
8
|
width: {
|
|
9
9
|
dynamic: {
|
|
10
10
|
default: string;
|
|
11
|
-
conditions: Record<"
|
|
11
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
12
12
|
};
|
|
13
13
|
dynamicScale: true;
|
|
14
14
|
name: "width";
|
|
15
15
|
vars: {
|
|
16
16
|
default: string;
|
|
17
|
-
conditions: Record<"
|
|
17
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
height: {
|
|
21
21
|
dynamic: {
|
|
22
22
|
default: string;
|
|
23
|
-
conditions: Record<"
|
|
23
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
24
24
|
};
|
|
25
25
|
dynamicScale: true;
|
|
26
26
|
name: "height";
|
|
27
27
|
vars: {
|
|
28
28
|
default: string;
|
|
29
|
-
conditions: Record<"
|
|
29
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
backgroundColor: {
|
|
33
33
|
dynamic: {
|
|
34
34
|
default: string;
|
|
35
|
-
conditions: Record<"
|
|
35
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
36
36
|
};
|
|
37
37
|
dynamicScale: {
|
|
38
38
|
transparent: string;
|
|
@@ -43,13 +43,13 @@ export declare const iconButton: {
|
|
|
43
43
|
name: "backgroundColor";
|
|
44
44
|
vars: {
|
|
45
45
|
default: string;
|
|
46
|
-
conditions: Record<"
|
|
46
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
47
47
|
};
|
|
48
48
|
};
|
|
49
49
|
borderColor: {
|
|
50
50
|
dynamic: {
|
|
51
51
|
default: string;
|
|
52
|
-
conditions: Record<"
|
|
52
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
53
53
|
};
|
|
54
54
|
dynamicScale: {
|
|
55
55
|
"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -61,7 +61,7 @@ export declare const iconButton: {
|
|
|
61
61
|
name: "borderColor";
|
|
62
62
|
vars: {
|
|
63
63
|
default: string;
|
|
64
|
-
conditions: Record<"
|
|
64
|
+
conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
67
|
};
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import * as style from "./popover.style.css";
|
|
2
1
|
export declare const popover: {
|
|
3
|
-
style:
|
|
2
|
+
style: {
|
|
3
|
+
content: string;
|
|
4
|
+
baseArrow: string;
|
|
5
|
+
arrow: Record<"bottom" | "left" | "right" | "top", string>;
|
|
6
|
+
placement: Record<"bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", string>;
|
|
7
|
+
};
|
|
4
8
|
sprinkle: ((props: {
|
|
5
|
-
backgroundColor?: "primary" | "
|
|
6
|
-
color?: "primary" | "
|
|
7
|
-
padding?: "
|
|
9
|
+
backgroundColor?: "primary" | "light" | "success" | "warning" | "danger" | "neutral" | undefined;
|
|
10
|
+
color?: "primary" | "light" | "success" | "warning" | "danger" | "neutral" | undefined;
|
|
11
|
+
padding?: "none" | "base" | undefined;
|
|
8
12
|
}) => string) & {
|
|
9
13
|
properties: Set<"backgroundColor" | "color" | "padding">;
|
|
10
14
|
};
|
|
@@ -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 a(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 a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function l(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){a(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,{$:()=>c});var o=e=>function(){for(var r=arguments.length,t=new Array(r),a=0;a<r;a++)t[a]=arguments[a];var n=Object.assign({},...t.map((e=>e.styles))),o=Object.keys(n),s=o.filter((e=>"mappings"in n[e])),c=r=>{var t=[],a={},o=l({},r),c=!1;for(var i of s){var u=r[i];if(null!=u){var f=n[i];for(var p of(c=!0,f.mappings))a[p]=u,null==o[p]&&delete o[p]}}var d=c?l(l({},a),o):r;for(var g in d){var v=d[g],b=n[g];try{if(b.mappings)continue;if("string"==typeof v||"number"==typeof v)t.push(b.values[v].defaultClass);else if(Array.isArray(v))for(var j=0;j<v.length;j++){var y=v[j];if(null!=y){var w=b.responsiveArray[j];0,t.push(b.values[y].conditions[w])}}else for(var m in v){var q=v[m];null!=q&&t.push(b.values[q].conditions[m])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(c,{properties:new Set(o)})},s=e=>e,c=function(){return o(s)(...arguments)}},13:()=>{},741:()=>{}},r={};function t(a){var n=r[a];if(void 0!==n)return n.exports;var l=r[a]={exports:{}};return e[a](l,l.exports,t),l.exports}t.d=(e,r)=>{for(var a in r)t.o(r,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},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 a={};return(()=>{t.r(a),t.d(a,{popover:()=>
|
|
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 a(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 a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function l(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){a(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,{$:()=>c});var o=e=>function(){for(var r=arguments.length,t=new Array(r),a=0;a<r;a++)t[a]=arguments[a];var n=Object.assign({},...t.map((e=>e.styles))),o=Object.keys(n),s=o.filter((e=>"mappings"in n[e])),c=r=>{var t=[],a={},o=l({},r),c=!1;for(var i of s){var u=r[i];if(null!=u){var f=n[i];for(var p of(c=!0,f.mappings))a[p]=u,null==o[p]&&delete o[p]}}var d=c?l(l({},a),o):r;for(var g in d){var v=d[g],b=n[g];try{if(b.mappings)continue;if("string"==typeof v||"number"==typeof v)t.push(b.values[v].defaultClass);else if(Array.isArray(v))for(var j=0;j<v.length;j++){var y=v[j];if(null!=y){var w=b.responsiveArray[j];0,t.push(b.values[y].conditions[w])}}else for(var m in v){var q=v[m];null!=q&&t.push(b.values[q].conditions[m])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(c,{properties:new Set(o)})},s=e=>e,c=function(){return o(s)(...arguments)}},13:()=>{},741:()=>{}},r={};function t(a){var n=r[a];if(void 0!==n)return n.exports;var l=r[a]={exports:{}};return e[a](l,l.exports,t),l.exports}t.d=(e,r)=>{for(var a in r)t.o(r,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},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 a={};return(()=>{t.r(a),t.d(a,{popover:()=>c});var e={};t.r(e),t.d(e,{arrow:()=>r,baseArrow:()=>n,content:()=>l,placement:()=>o});t(741);var r={top:"j8clee2 j8clee1",bottom:"j8clee3 j8clee1",left:"j8clee4 j8clee1",right:"j8clee5 j8clee1"},n="j8clee1",l="j8clee0",o={top:"j8clee6",right:"j8clee7",bottom:"j8clee8",left:"j8clee9","top-start":"j8cleea","top-end":"j8cleeb","right-start":"j8cleec","right-end":"j8cleed","bottom-start":"j8cleee","bottom-end":"j8cleef","left-start":"j8cleeg","left-end":"j8cleeh"},s=(t(13),(0,t(763).$)({conditions:void 0,styles:{backgroundColor:{values:{primary:{defaultClass:"_1w95cq70"},success:{defaultClass:"_1w95cq71"},danger:{defaultClass:"_1w95cq72"},neutral:{defaultClass:"_1w95cq73"},warning:{defaultClass:"_1w95cq74"},light:{defaultClass:"_1w95cq75"}}},color:{values:{primary:{defaultClass:"_1w95cq76"},success:{defaultClass:"_1w95cq77"},danger:{defaultClass:"_1w95cq78"},neutral:{defaultClass:"_1w95cq79"},warning:{defaultClass:"_1w95cq7a"},light:{defaultClass:"_1w95cq7b"}}},padding:{values:{base:{defaultClass:"_1w95cq7c"},none:{defaultClass:"_1w95cq7d"}}}}}));const c={style:{...e},sprinkle:s,properties:{backgroundColor:{primary:"var(--g6qx2k1)",success:"var(--g6qx2k8)",danger:"var(--g6qx2km)",neutral:"var(--g6qx2kv)",warning:"var(--g6qx2kf)",light:"var(--g6qx2ks)"},padding:{base:"var(--g6qx2k1t)",none:0},color:{primary:"var(--g6qx2k1)",success:"var(--g6qx2k8)",danger:"var(--g6qx2km)",neutral:"var(--g6qx2kv)",warning:"var(--g6qx2kf)",light:"var(--g6qx2ks)"}}}})(),a})()));
|
|
@@ -19,9 +19,9 @@ export declare const paddingProperties: {
|
|
|
19
19
|
none: number;
|
|
20
20
|
};
|
|
21
21
|
export declare const sprinkle: ((props: {
|
|
22
|
-
backgroundColor?: "primary" | "
|
|
23
|
-
color?: "primary" | "
|
|
24
|
-
padding?: "
|
|
22
|
+
backgroundColor?: "primary" | "light" | "success" | "warning" | "danger" | "neutral" | undefined;
|
|
23
|
+
color?: "primary" | "light" | "success" | "warning" | "danger" | "neutral" | undefined;
|
|
24
|
+
padding?: "none" | "base" | undefined;
|
|
25
25
|
}) => string) & {
|
|
26
26
|
properties: Set<"backgroundColor" | "color" | "padding">;
|
|
27
27
|
};
|
|
@@ -29,15 +29,15 @@ export declare const stack: {
|
|
|
29
29
|
};
|
|
30
30
|
flexDirection: {
|
|
31
31
|
values: {
|
|
32
|
-
|
|
32
|
+
column: {
|
|
33
33
|
default: string;
|
|
34
34
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
35
35
|
};
|
|
36
|
-
column: {
|
|
36
|
+
"column-reverse": {
|
|
37
37
|
default: string;
|
|
38
38
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
39
39
|
};
|
|
40
|
-
|
|
40
|
+
row: {
|
|
41
41
|
default: string;
|
|
42
42
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
43
43
|
};
|
|
@@ -46,7 +46,7 @@ export declare const stack: {
|
|
|
46
46
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
47
47
|
};
|
|
48
48
|
};
|
|
49
|
-
staticScale: ("
|
|
49
|
+
staticScale: ("column" | "column-reverse" | "row" | "row-reverse")[];
|
|
50
50
|
name: "flexDirection";
|
|
51
51
|
};
|
|
52
52
|
flexWrap: {
|
|
@@ -99,11 +99,11 @@ export declare const stack: {
|
|
|
99
99
|
};
|
|
100
100
|
alignItems: {
|
|
101
101
|
values: {
|
|
102
|
-
|
|
102
|
+
center: {
|
|
103
103
|
default: string;
|
|
104
104
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
105
105
|
};
|
|
106
|
-
|
|
106
|
+
stretch: {
|
|
107
107
|
default: string;
|
|
108
108
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
109
109
|
};
|
|
@@ -120,7 +120,7 @@ export declare const stack: {
|
|
|
120
120
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
121
121
|
};
|
|
122
122
|
};
|
|
123
|
-
staticScale: ("
|
|
123
|
+
staticScale: ("center" | "stretch" | "flex-end" | "flex-start" | "baseline")[];
|
|
124
124
|
name: "alignItems";
|
|
125
125
|
};
|
|
126
126
|
};
|
|
@@ -260,10 +260,10 @@ export declare const stack: {
|
|
|
260
260
|
}]>;
|
|
261
261
|
properties: {
|
|
262
262
|
display: ("flex" | "grid" | "block" | "inline-flex" | "inline-grid")[];
|
|
263
|
-
flexDirection: ("
|
|
263
|
+
flexDirection: ("column" | "column-reverse" | "row" | "row-reverse")[];
|
|
264
264
|
flexWrap: ("nowrap" | "wrap" | "wrap-reverse")[];
|
|
265
265
|
justifyContent: ("center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start")[];
|
|
266
|
-
alignItems: ("
|
|
266
|
+
alignItems: ("center" | "stretch" | "flex-end" | "flex-start" | "baseline")[];
|
|
267
267
|
gap: {
|
|
268
268
|
none: string;
|
|
269
269
|
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
declare type
|
|
2
|
-
declare type
|
|
3
|
-
declare type
|
|
4
|
-
declare type
|
|
5
|
-
declare type
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
1
|
+
declare type StackDisplay = "block" | "flex" | "inline-flex" | "grid" | "inline-grid";
|
|
2
|
+
declare type StackFlexWrap = "nowrap" | "wrap" | "wrap-reverse";
|
|
3
|
+
declare type StackFlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
|
|
4
|
+
declare type StackJustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
5
|
+
declare type StackAlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
|
|
6
|
+
export declare const stackDisplayProperties: StackDisplay[];
|
|
7
|
+
export declare const stackFlexDirectionProperties: StackFlexDirection[];
|
|
8
|
+
export declare const stackFlexWrapProperties: StackFlexWrap[];
|
|
9
|
+
export declare const stackJustifyContentProperties: StackJustifyContent[];
|
|
10
|
+
export declare const stackAlignItemsProperties: StackAlignItems[];
|
|
11
|
+
export declare const stackSpaceProperties: {
|
|
12
12
|
none: string;
|
|
13
13
|
"0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
14
|
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -50,20 +50,20 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
50
50
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
|
-
staticScale:
|
|
53
|
+
staticScale: StackDisplay[];
|
|
54
54
|
name: "display";
|
|
55
55
|
};
|
|
56
56
|
flexDirection: {
|
|
57
57
|
values: {
|
|
58
|
-
|
|
58
|
+
column: {
|
|
59
59
|
default: string;
|
|
60
60
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
61
61
|
};
|
|
62
|
-
column: {
|
|
62
|
+
"column-reverse": {
|
|
63
63
|
default: string;
|
|
64
64
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
65
65
|
};
|
|
66
|
-
|
|
66
|
+
row: {
|
|
67
67
|
default: string;
|
|
68
68
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
69
69
|
};
|
|
@@ -72,7 +72,7 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
72
72
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
|
-
staticScale:
|
|
75
|
+
staticScale: StackFlexDirection[];
|
|
76
76
|
name: "flexDirection";
|
|
77
77
|
};
|
|
78
78
|
flexWrap: {
|
|
@@ -90,7 +90,7 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
90
90
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
|
-
staticScale:
|
|
93
|
+
staticScale: StackFlexWrap[];
|
|
94
94
|
name: "flexWrap";
|
|
95
95
|
};
|
|
96
96
|
justifyContent: {
|
|
@@ -120,16 +120,16 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
120
120
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
121
121
|
};
|
|
122
122
|
};
|
|
123
|
-
staticScale:
|
|
123
|
+
staticScale: StackJustifyContent[];
|
|
124
124
|
name: "justifyContent";
|
|
125
125
|
};
|
|
126
126
|
alignItems: {
|
|
127
127
|
values: {
|
|
128
|
-
|
|
128
|
+
center: {
|
|
129
129
|
default: string;
|
|
130
130
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
131
131
|
};
|
|
132
|
-
|
|
132
|
+
stretch: {
|
|
133
133
|
default: string;
|
|
134
134
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
135
135
|
};
|
|
@@ -146,7 +146,7 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
|
|
|
146
146
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
147
147
|
};
|
|
148
148
|
};
|
|
149
|
-
staticScale:
|
|
149
|
+
staticScale: StackAlignItems[];
|
|
150
150
|
name: "alignItems";
|
|
151
151
|
};
|
|
152
152
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare type
|
|
3
|
-
declare type
|
|
4
|
-
declare type
|
|
5
|
-
declare type
|
|
6
|
-
declare type
|
|
7
|
-
declare type
|
|
1
|
+
import { stackSpaceProperties, stackDisplayProperties, stackJustifyContentProperties, stackFlexDirectionProperties, stackAlignItemsProperties, stackFlexWrapProperties } from "./stack.sprinkle.css";
|
|
2
|
+
declare type StackJustifyContentProperties = typeof stackJustifyContentProperties[number];
|
|
3
|
+
declare type StackSpaceProperties = keyof typeof stackSpaceProperties;
|
|
4
|
+
declare type StackDisplayProperties = typeof stackDisplayProperties[number];
|
|
5
|
+
declare type StackFlexDirectionProperties = typeof stackFlexDirectionProperties[number];
|
|
6
|
+
declare type StackAlignItemsProperties = typeof stackAlignItemsProperties[number];
|
|
7
|
+
declare type StackFlexWrapProperties = typeof stackFlexWrapProperties[number];
|
|
8
8
|
interface Conditions<T> {
|
|
9
9
|
xs?: T;
|
|
10
10
|
md?: T;
|
|
@@ -17,12 +17,12 @@ export interface StackSprinkle {
|
|
|
17
17
|
gridTemplateColumns?: string | Conditions<string>;
|
|
18
18
|
gridTemplateAreas?: string | Conditions<string>;
|
|
19
19
|
gridTemplateRows?: string | Conditions<string>;
|
|
20
|
-
display?:
|
|
21
|
-
flexWrap?:
|
|
22
|
-
justifyContent?:
|
|
23
|
-
flexDirection?:
|
|
24
|
-
alignItems?:
|
|
25
|
-
gap?:
|
|
26
|
-
gridGap?:
|
|
20
|
+
display?: StackDisplayProperties | Conditions<StackDisplayProperties>;
|
|
21
|
+
flexWrap?: StackFlexWrapProperties | Conditions<StackFlexWrapProperties>;
|
|
22
|
+
justifyContent?: StackJustifyContentProperties | Conditions<StackJustifyContentProperties>;
|
|
23
|
+
flexDirection?: StackFlexDirectionProperties | Conditions<StackFlexDirectionProperties>;
|
|
24
|
+
alignItems?: StackAlignItemsProperties | Conditions<StackAlignItemsProperties>;
|
|
25
|
+
gap?: StackSpaceProperties | Conditions<StackSpaceProperties>;
|
|
26
|
+
gridGap?: StackSpaceProperties | Conditions<StackSpaceProperties>;
|
|
27
27
|
}
|
|
28
28
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const text: {
|
|
2
2
|
style: string;
|
|
3
3
|
sprinkle: ((props: {
|
|
4
|
-
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" |
|
|
4
|
+
color?: "currentColor" | "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;
|
|
5
5
|
lineHeight?: "caption" | "base" | "highlight" | undefined;
|
|
6
|
-
fontWeight?: "
|
|
6
|
+
fontWeight?: "bold" | "regular" | undefined;
|
|
7
7
|
fontSize?: "caption" | "base" | "highlight" | undefined;
|
|
8
8
|
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
9
9
|
}) => string) & {
|
|
@@ -34,9 +34,9 @@ declare const fontSizeProperties: {
|
|
|
34
34
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
35
|
};
|
|
36
36
|
export declare const sprinkle: ((props: {
|
|
37
|
-
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" |
|
|
37
|
+
color?: "currentColor" | "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;
|
|
38
38
|
lineHeight?: "caption" | "base" | "highlight" | undefined;
|
|
39
|
-
fontWeight?: "
|
|
39
|
+
fontWeight?: "bold" | "regular" | undefined;
|
|
40
40
|
fontSize?: "caption" | "base" | "highlight" | undefined;
|
|
41
41
|
textAlign?: "left" | "right" | "center" | "justify" | undefined;
|
|
42
42
|
}) => string) & {
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import * as style from "./thumbnail.style.css";
|
|
2
1
|
export declare const thumbnail: {
|
|
3
|
-
style:
|
|
2
|
+
style: {
|
|
3
|
+
container: string;
|
|
4
|
+
image: string;
|
|
5
|
+
placeholder: string;
|
|
6
|
+
skeleton: string;
|
|
7
|
+
};
|
|
4
8
|
sprinkle: ((props: {
|
|
5
9
|
aspectRatio?: "1-1" | "16-9" | "9-16" | "4-3" | "3-4" | "2-1" | "1-2" | undefined;
|
|
6
10
|
}) => string) & {
|
|
@@ -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 n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?o(Object(t),!0).forEach((function(r){n(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{$:()=>l});var a=e=>function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];var o=Object.assign({},...t.map((e=>e.styles))),a=Object.keys(o),i=a.filter((e=>"mappings"in o[e])),l=r=>{var t=[],n={},a=s({},r),l=!1;for(var u of i){var f=r[u];if(null!=f){var p=o[u];for(var b of(l=!0,p.mappings))n[b]=f,null==a[b]&&delete a[b]}}var c=l?s(s({},n),a):r;for(var v in c){var y=c[v],d=o[v];try{if(d.mappings)continue;if("string"==typeof y||"number"==typeof y)t.push(d.values[y].defaultClass);else if(Array.isArray(y))for(var O=0;O<y.length;O++){var j=y[O];if(null!=j){var g=d.responsiveArray[O];0,t.push(d.values[j].conditions[g])}}else for(var m in y){var w=y[m];null!=w&&t.push(d.values[w].conditions[m])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(l,{properties:new Set(a)})},i=e=>e,l=function(){return a(i)(...arguments)}},949:()=>{},175:()=>{},741:()=>{}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var s=r[n]={exports:{}};return e[n](s,s.exports,t),s.exports}t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},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 n={};return(()=>{t.r(n),t.d(n,{thumbnail:()=>
|
|
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 n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?o(Object(t),!0).forEach((function(r){n(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{$:()=>l});var a=e=>function(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];var o=Object.assign({},...t.map((e=>e.styles))),a=Object.keys(o),i=a.filter((e=>"mappings"in o[e])),l=r=>{var t=[],n={},a=s({},r),l=!1;for(var u of i){var f=r[u];if(null!=f){var p=o[u];for(var b of(l=!0,p.mappings))n[b]=f,null==a[b]&&delete a[b]}}var c=l?s(s({},n),a):r;for(var v in c){var y=c[v],d=o[v];try{if(d.mappings)continue;if("string"==typeof y||"number"==typeof y)t.push(d.values[y].defaultClass);else if(Array.isArray(y))for(var O=0;O<y.length;O++){var j=y[O];if(null!=j){var g=d.responsiveArray[O];0,t.push(d.values[j].conditions[g])}}else for(var m in y){var w=y[m];null!=w&&t.push(d.values[w].conditions[m])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(l,{properties:new Set(a)})},i=e=>e,l=function(){return a(i)(...arguments)}},949:()=>{},175:()=>{},741:()=>{}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var s=r[n]={exports:{}};return e[n](s,s.exports,t),s.exports}t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},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 n={};return(()=>{t.r(n),t.d(n,{thumbnail:()=>l});var e={};t.r(e),t.d(e,{container:()=>r,image:()=>o,placeholder:()=>s,skeleton:()=>a});t(741),t(175);var r="_1vz7e9b0",o="_1vz7e9b1",s="_1vz7e9b2",a="_1vz7e9b3",i=(t(949),(0,t(763).$)({conditions:void 0,styles:{aspectRatio:{values:{"1-1":{defaultClass:"wbtb5r0"},"16-9":{defaultClass:"wbtb5r1"},"9-16":{defaultClass:"wbtb5r2"},"4-3":{defaultClass:"wbtb5r3"},"3-4":{defaultClass:"wbtb5r4"},"2-1":{defaultClass:"wbtb5r5"},"1-2":{defaultClass:"wbtb5r6"}}}}}));const l={style:{...e},sprinkle:i,properties:{aspectRatio:{"1-1":"1/1","16-9":"16/9","9-16":"9/16","4-3":"4/3","3-4":"3/4","2-1":"2/1","1-2":"1/2"}}}})(),n})()));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const wrapper: string;
|
|
2
|
-
export declare const content: Record<"primary" | "
|
|
2
|
+
export declare const content: Record<"primary" | "progress" | "success" | "danger", string>;
|
|
@@ -17,7 +17,7 @@ export declare const paddingProperties: {
|
|
|
17
17
|
};
|
|
18
18
|
export declare const sprinkle: ((props: {
|
|
19
19
|
backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "success.surface" | "success.surfaceHighlight" | "warning.surface" | "warning.surfaceHighlight" | "danger.surface" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surface" | "neutral.surfaceHighlight" | undefined;
|
|
20
|
-
padding?: "
|
|
20
|
+
padding?: "none" | "base" | undefined;
|
|
21
21
|
}) => string) & {
|
|
22
22
|
properties: Set<"backgroundColor" | "padding">;
|
|
23
23
|
};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import * as style from "./card.style.css";
|
|
2
1
|
export declare const card: {
|
|
3
|
-
style:
|
|
2
|
+
style: {
|
|
3
|
+
container: string;
|
|
4
|
+
header: string;
|
|
5
|
+
body: string;
|
|
6
|
+
footer: string;
|
|
7
|
+
};
|
|
4
8
|
sprinkle: ((props: {
|
|
5
9
|
backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "success.surface" | "success.surfaceHighlight" | "warning.surface" | "warning.surfaceHighlight" | "danger.surface" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surface" | "neutral.surfaceHighlight" | undefined;
|
|
6
|
-
padding?: "
|
|
10
|
+
padding?: "none" | "base" | undefined;
|
|
7
11
|
}) => string) & {
|
|
8
12
|
properties: Set<"backgroundColor" | "padding">;
|
|
9
13
|
};
|
|
@@ -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 a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{$:()=>o});var i=e=>function(){for(var r=arguments.length,t=new Array(r),a=0;a<r;a++)t[a]=arguments[a];var s=Object.assign({},...t.map((e=>e.styles))),i=Object.keys(s),c=i.filter((e=>"mappings"in s[e])),o=r=>{var t=[],a={},i=n({},r),o=!1;for(var u of c){var l=r[u];if(null!=l){var f=s[u];for(var g of(o=!0,f.mappings))a[g]=l,null==i[g]&&delete i[g]}}var p=o?n(n({},a),i):r;for(var d in p){var b=p[d],v=s[d];try{if(v.mappings)continue;if("string"==typeof b||"number"==typeof b)t.push(v.values[b].defaultClass);else if(Array.isArray(b))for(var y=0;y<b.length;y++){var h=b[y];if(null!=h){var O=v.responsiveArray[y];0,t.push(v.values[h].conditions[O])}}else for(var q in b){var x=b[q];null!=x&&t.push(v.values[x].conditions[q])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(o,{properties:new Set(i)})},c=e=>e,o=function(){return i(c)(...arguments)}},13:()=>{},741:()=>{}},r={};function t(a){var s=r[a];if(void 0!==s)return s.exports;var n=r[a]={exports:{}};return e[a](n,n.exports,t),n.exports}t.d=(e,r)=>{for(var a in r)t.o(r,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},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 a={};return(()=>{t.r(a),t.d(a,{card:()=>
|
|
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 a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?s(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{$:()=>o});var i=e=>function(){for(var r=arguments.length,t=new Array(r),a=0;a<r;a++)t[a]=arguments[a];var s=Object.assign({},...t.map((e=>e.styles))),i=Object.keys(s),c=i.filter((e=>"mappings"in s[e])),o=r=>{var t=[],a={},i=n({},r),o=!1;for(var u of c){var l=r[u];if(null!=l){var f=s[u];for(var g of(o=!0,f.mappings))a[g]=l,null==i[g]&&delete i[g]}}var p=o?n(n({},a),i):r;for(var d in p){var b=p[d],v=s[d];try{if(v.mappings)continue;if("string"==typeof b||"number"==typeof b)t.push(v.values[b].defaultClass);else if(Array.isArray(b))for(var y=0;y<b.length;y++){var h=b[y];if(null!=h){var O=v.responsiveArray[y];0,t.push(v.values[h].conditions[O])}}else for(var q in b){var x=b[q];null!=x&&t.push(v.values[x].conditions[q])}}catch(e){throw e}}return e(t.join(" "))};return Object.assign(o,{properties:new Set(i)})},c=e=>e,o=function(){return i(c)(...arguments)}},13:()=>{},741:()=>{}},r={};function t(a){var s=r[a];if(void 0!==s)return s.exports;var n=r[a]={exports:{}};return e[a](n,n.exports,t),n.exports}t.d=(e,r)=>{for(var a in r)t.o(r,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},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 a={};return(()=>{t.r(a),t.d(a,{card:()=>o});var e={};t.r(e),t.d(e,{body:()=>r,container:()=>s,footer:()=>n,header:()=>i});t(741);var r="_144xhgt2",s="_144xhgt0",n="_144xhgt3",i="_144xhgt1",c=(t(13),(0,t(763).$)({conditions:void 0,styles:{backgroundColor:{values:{"primary.surface":{defaultClass:"cicgbq0"},"primary.surfaceHighlight":{defaultClass:"cicgbq1"},"success.surface":{defaultClass:"cicgbq2"},"success.surfaceHighlight":{defaultClass:"cicgbq3"},"danger.surface":{defaultClass:"cicgbq4"},"danger.surfaceHighlight":{defaultClass:"cicgbq5"},"warning.surface":{defaultClass:"cicgbq6"},"warning.surfaceHighlight":{defaultClass:"cicgbq7"},"neutral.background":{defaultClass:"cicgbq8"},"neutral.surface":{defaultClass:"cicgbq9"},"neutral.surfaceHighlight":{defaultClass:"cicgbqa"}}},padding:{values:{base:{defaultClass:"cicgbqb"},none:{defaultClass:"cicgbqc"}}}}}));const o={style:{...e},sprinkle:c,properties:{padding:{base:"var(--g6qx2k1t)",none:0},backgroundColor:{"primary.surface":"var(--g6qx2k0)","primary.surfaceHighlight":"var(--g6qx2k1)","success.surface":"var(--g6qx2k7)","success.surfaceHighlight":"var(--g6qx2k8)","danger.surface":"var(--g6qx2kl)","danger.surfaceHighlight":"var(--g6qx2km)","warning.surface":"var(--g6qx2ke)","warning.surfaceHighlight":"var(--g6qx2kf)","neutral.background":"var(--g6qx2ks)","neutral.surface":"var(--g6qx2kt)","neutral.surfaceHighlight":"var(--g6qx2kv)"}}}})(),a})()));
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
import * as style from "./sidebar.style.css";
|
|
2
1
|
export declare const sidebar: {
|
|
3
|
-
style:
|
|
2
|
+
style: {
|
|
3
|
+
overlay: string;
|
|
4
|
+
container: string;
|
|
5
|
+
positions: Record<"left" | "right", string>;
|
|
6
|
+
isVisible: string;
|
|
7
|
+
header: string;
|
|
8
|
+
body: string;
|
|
9
|
+
footer: string;
|
|
10
|
+
};
|
|
4
11
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
|
|
5
12
|
config: {
|
|
6
13
|
padding: {
|
|
7
14
|
values: {
|
|
8
|
-
|
|
15
|
+
none: {
|
|
9
16
|
default: string;
|
|
10
17
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
11
18
|
};
|
|
12
|
-
|
|
19
|
+
base: {
|
|
13
20
|
default: string;
|
|
14
21
|
conditions: Record<"xs" | "md" | "lg", string>;
|
|
15
22
|
};
|