@nimbus-ds/box 1.2.0-rc.5 → 1.2.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/dist/index.d.ts +70 -71
  3. package/dist/index.js +1 -1
  4. package/package.json +2 -3
package/CHANGELOG.md CHANGED
@@ -13,6 +13,7 @@ A low-level utility component that accepts styled system props to enable custom
13
13
  - Removed `terser-webpack-plugin@5.3.5`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
14
14
  - Removed `ts-loader@9.3.1`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
15
15
  - Removed `webpack-cli@4.10.0`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
16
+ - Removed `typescript@4.7.4`. ([#63](https://github.com/TiendaNube/nimbus-design-system/pull/63) by [@juniorconquista](https://github.com/juniorconquista))
16
17
 
17
18
  ## 2022-11-24 `1.1.0`
18
19
 
package/dist/index.d.ts CHANGED
@@ -3,89 +3,88 @@
3
3
  import React from 'react';
4
4
  import { HTMLAttributes, ReactNode } from 'react';
5
5
 
6
- export type BoxBorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
7
- export type BoxSizing = "border-box" | "content-box";
8
- export type BoxCursor = "auto" | "pointer";
9
- declare const boxBackgroundColorProperties: {
10
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- };
32
- declare const boxBorderColorProperties: {
33
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- };
49
- declare const boxBorderStyleProperties: BoxBorderStyle[];
50
- declare const boxBoxSizingProperties: BoxSizing[];
51
- declare const boxCursorProperties: BoxCursor[];
52
- declare const boxSpaceProperties: {
53
- none: string;
54
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
- };
68
- export type BoxCursorProperties = typeof boxCursorProperties[number];
69
- export type BoxBorderColorProperties = keyof typeof boxBorderColorProperties;
70
- export type BoxBackgroundColorProperties = keyof typeof boxBackgroundColorProperties;
71
- export type BoxBorderStyleProperties = typeof boxBorderStyleProperties[number];
72
- export type BoxBoxSizingProperties = typeof boxBoxSizingProperties[number];
73
- export type BoxSpaceProperties = keyof typeof boxSpaceProperties;
74
6
  export interface Conditions<T> {
75
7
  xs?: T;
76
8
  md?: T;
77
9
  lg?: T;
78
10
  }
11
+ export type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
12
+ export type BoxSizing = "border-box" | "content-box";
13
+ export type Cursor = "auto" | "pointer";
14
+ declare const propertiesBox: {
15
+ backgroundColor: {
16
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ };
38
+ borderColor: {
39
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ };
55
+ borderStyle: BorderStyle[];
56
+ boxSizing: BoxSizing[];
57
+ cursor: Cursor[];
58
+ space: {
59
+ none: string;
60
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ };
74
+ };
75
+ export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
76
+ export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
77
+ export type BoxSpaceProperties = keyof typeof propertiesBox.space;
79
78
  export interface BoxSprinkle {
80
79
  width?: string | Conditions<string>;
81
80
  height?: string | Conditions<string>;
82
- cursor?: BoxCursorProperties | Conditions<BoxCursorProperties>;
81
+ cursor?: Cursor | Conditions<Cursor>;
83
82
  backgroundColor?: BoxBackgroundColorProperties | Conditions<BoxBackgroundColorProperties>;
84
83
  borderRadius?: string | Conditions<string>;
85
84
  borderWidth?: string | Conditions<string>;
86
85
  borderColor?: BoxBorderColorProperties | Conditions<BoxBorderColorProperties>;
87
- borderStyle?: BoxBorderStyleProperties | Conditions<BoxBorderStyleProperties>;
88
- boxSizing?: BoxBoxSizingProperties | Conditions<BoxBoxSizingProperties>;
86
+ borderStyle?: BorderStyle | Conditions<BorderStyle>;
87
+ boxSizing?: BoxSizing | Conditions<BoxSizing>;
89
88
  padding?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
90
89
  paddingTop?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
91
90
  paddingBottom?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- !function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],r):"object"==typeof exports?exports["@nimbus-ds/box"]=r(require("react"),require("@nimbus-ds/styles")):n["@nimbus-ds/box"]=r(n.react,n["@nimbus-ds/styles"])}(self,((n,r)=>(()=>{"use strict";var e={669:(n,r,e)=>{e.d(r,{Z:()=>a});var o=e(70),t=e.n(o)()((function(n){return n[1]}));t.push([n.id,":root {\n --g6qx2k0: #deeffe;\n --g6qx2k1: #7abcf7;\n --g6qx2k2: #006bc8;\n --g6qx2k3: #004e93;\n --g6qx2k4: #003e74;\n --g6qx2k5: #002c53;\n --g6qx2k6: #000e19;\n --g6qx2k7: #defef2;\n --g6qx2k8: #7af7c7;\n --g6qx2k9: #00c87b;\n --g6qx2ka: #00935b;\n --g6qx2kb: #007447;\n --g6qx2kc: #005333;\n --g6qx2kd: #001910;\n --g6qx2ke: #fef2de;\n --g6qx2kf: #f7c77a;\n --g6qx2kg: #c87b00;\n --g6qx2kh: #935b00;\n --g6qx2ki: #744700;\n --g6qx2kj: #533300;\n --g6qx2kk: #191000;\n --g6qx2kl: #fedede;\n --g6qx2km: #f77a7c;\n --g6qx2kn: #c80003;\n --g6qx2ko: #930002;\n --g6qx2kp: #740002;\n --g6qx2kq: #530001;\n --g6qx2kr: #190000;\n --g6qx2ks: #ffffff;\n --g6qx2kt: #f1f1f1;\n --g6qx2ku: #e7e8e9;\n --g6qx2kv: #cfd1d2;\n --g6qx2kw: #b7babc;\n --g6qx2kx: #a0a3a6;\n --g6qx2ky: #8a8d90;\n --g6qx2kz: #5e6163;\n --g6qx2k10: #343537;\n --g6qx2k11: #0a0a0a;\n --g6qx2k12: CentraNube, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;\n --g6qx2k13: 0.75rem;\n --g6qx2k14: 0.875rem;\n --g6qx2k15: 1rem;\n --g6qx2k16: 2rem;\n --g6qx2k17: 1.5rem;\n --g6qx2k18: 1.25rem;\n --g6qx2k19: 1.125rem;\n --g6qx2k1a: 1rem;\n --g6qx2k1b: 0.875rem;\n --g6qx2k1c: 400;\n --g6qx2k1d: 500;\n --g6qx2k1e: 700;\n --g6qx2k1f: 0.875rem;\n --g6qx2k1g: 1.125rem;\n --g6qx2k1h: 1.25rem;\n --g6qx2k1i: 2.75rem;\n --g6qx2k1j: 2rem;\n --g6qx2k1k: 1.75rem;\n --g6qx2k1l: 1.5rem;\n --g6qx2k1m: 1.25rem;\n --g6qx2k1n: 1.125rem;\n --g6qx2k1o: 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.25);\n --g6qx2k1p: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 3px 10px rgba(0, 0, 0, 0.1);\n --g6qx2k1q: 0px 20px 20px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);\n --g6qx2k1r: 0.25rem;\n --g6qx2k1s: 0.5rem;\n --g6qx2k1t: 1rem;\n --g6qx2k1u: 1.5rem;\n --g6qx2k1v: 2rem;\n --g6qx2k1w: 2.5rem;\n --g6qx2k1x: 3rem;\n --g6qx2k1y: 3.5rem;\n --g6qx2k1z: 4rem;\n --g6qx2k20: 4.5rem;\n --g6qx2k21: 5rem;\n --g6qx2k22: 0.125rem;\n --g6qx2k23: 0.25rem;\n --g6qx2k24: 0.5rem;\n --g6qx2k25: 0.75rem;\n --g6qx2k26: 1rem;\n --g6qx2k27: 1.25rem;\n --g6qx2k28: 1.5rem;\n --g6qx2k29: 1.75rem;\n --g6qx2k2a: 2rem;\n --g6qx2k2b: 2.25rem;\n --g6qx2k2c: 2.5rem;\n --g6qx2k2d: 2.75rem;\n --g6qx2k2e: 3rem;\n --g6qx2k2f: 3.5rem;\n --g6qx2k2g: 4rem;\n --g6qx2k2h: 4.5rem;\n --g6qx2k2i: 5rem;\n --g6qx2k2j: 0.125rem;\n --g6qx2k2k: 0.375rem;\n --g6qx2k2l: 0.625rem;\n --g6qx2k2m: 0.875rem;\n --g6qx2k2n: 1.125rem;\n --g6qx2k2o: 300ms;\n --g6qx2k2p: 150ms;\n --g6qx2k2q: 450ms;\n --g6qx2k2r: 600ms;\n --g6qx2k2s: 0px;\n --g6qx2k2t: 672px;\n --g6qx2k2u: 1024px;\n}\n._16j42310 {\n color: var(--g6qx2k0);\n}\n._16j42311 {\n color: var(--g6qx2k1);\n}\n._16j42312 {\n color: var(--g6qx2k2);\n}\n._16j42313 {\n color: var(--g6qx2k3);\n}\n._16j42314 {\n color: var(--g6qx2k4);\n}\n._16j42315 {\n color: var(--g6qx2k5);\n}\n._16j42316 {\n color: var(--g6qx2k6);\n}\n._16j42317 {\n color: var(--g6qx2k7);\n}\n._16j42318 {\n color: var(--g6qx2k8);\n}\n._16j42319 {\n color: var(--g6qx2k9);\n}\n._16j4231a {\n color: var(--g6qx2ka);\n}\n._16j4231b {\n color: var(--g6qx2kb);\n}\n._16j4231c {\n color: var(--g6qx2kc);\n}\n._16j4231d {\n color: var(--g6qx2kd);\n}\n._16j4231e {\n color: var(--g6qx2ke);\n}\n._16j4231f {\n color: var(--g6qx2kf);\n}\n._16j4231g {\n color: var(--g6qx2kg);\n}\n._16j4231h {\n color: var(--g6qx2kh);\n}\n._16j4231i {\n color: var(--g6qx2ki);\n}\n._16j4231j {\n color: var(--g6qx2kj);\n}\n._16j4231k {\n color: var(--g6qx2kk);\n}\n._16j4231l {\n color: var(--g6qx2kl);\n}\n._16j4231m {\n color: var(--g6qx2km);\n}\n._16j4231n {\n color: var(--g6qx2kn);\n}\n._16j4231o {\n color: var(--g6qx2ko);\n}\n._16j4231p {\n color: var(--g6qx2kp);\n}\n._16j4231q {\n color: var(--g6qx2kq);\n}\n._16j4231r {\n color: var(--g6qx2kr);\n}\n._16j4231s {\n color: var(--g6qx2ks);\n}\n._16j4231t {\n color: var(--g6qx2kt);\n}\n._16j4231u {\n color: var(--g6qx2ku);\n}\n._16j4231v {\n color: var(--g6qx2kv);\n}\n._16j4231w {\n color: var(--g6qx2kw);\n}\n._16j4231x {\n color: var(--g6qx2kx);\n}\n._16j4231y {\n color: var(--g6qx2ky);\n}\n._16j4231z {\n color: var(--g6qx2kz);\n}\n._16j423110 {\n color: var(--g6qx2k10);\n}\n._16j423111 {\n color: var(--g6qx2k11);\n}\n._16j423112 {\n background-color: var(--g6qx2k0);\n}\n._16j423113 {\n background-color: var(--g6qx2k1);\n}\n._16j423114 {\n background-color: var(--g6qx2k2);\n}\n._16j423115 {\n background-color: var(--g6qx2k3);\n}\n._16j423116 {\n background-color: var(--g6qx2k4);\n}\n._16j423117 {\n background-color: var(--g6qx2k5);\n}\n._16j423118 {\n background-color: var(--g6qx2k6);\n}\n._16j423119 {\n background-color: var(--g6qx2k7);\n}\n._16j42311a {\n background-color: var(--g6qx2k8);\n}\n._16j42311b {\n background-color: var(--g6qx2k9);\n}\n._16j42311c {\n background-color: var(--g6qx2ka);\n}\n._16j42311d {\n background-color: var(--g6qx2kb);\n}\n._16j42311e {\n background-color: var(--g6qx2kc);\n}\n._16j42311f {\n background-color: var(--g6qx2kd);\n}\n._16j42311g {\n background-color: var(--g6qx2ke);\n}\n._16j42311h {\n background-color: var(--g6qx2kf);\n}\n._16j42311i {\n background-color: var(--g6qx2kg);\n}\n._16j42311j {\n background-color: var(--g6qx2kh);\n}\n._16j42311k {\n background-color: var(--g6qx2ki);\n}\n._16j42311l {\n background-color: var(--g6qx2kj);\n}\n._16j42311m {\n background-color: var(--g6qx2kk);\n}\n._16j42311n {\n background-color: var(--g6qx2kl);\n}\n._16j42311o {\n background-color: var(--g6qx2km);\n}\n._16j42311p {\n background-color: var(--g6qx2kn);\n}\n._16j42311q {\n background-color: var(--g6qx2ko);\n}\n._16j42311r {\n background-color: var(--g6qx2kp);\n}\n._16j42311s {\n background-color: var(--g6qx2kq);\n}\n._16j42311t {\n background-color: var(--g6qx2kr);\n}\n._16j42311u {\n background-color: var(--g6qx2ks);\n}\n._16j42311v {\n background-color: var(--g6qx2kt);\n}\n._16j42311w {\n background-color: var(--g6qx2ku);\n}\n._16j42311x {\n background-color: var(--g6qx2kv);\n}\n._16j42311y {\n background-color: var(--g6qx2kw);\n}\n._16j42311z {\n background-color: var(--g6qx2kx);\n}\n._16j423120 {\n background-color: var(--g6qx2ky);\n}\n._16j423121 {\n background-color: var(--g6qx2kz);\n}\n._16j423122 {\n background-color: var(--g6qx2k10);\n}\n._16j423123 {\n background-color: var(--g6qx2k11);\n}\n@media screen and (min-width: 0px) {\n .ag661f3 {\n width: var(--ag661f0);\n }\n .ag661f9 {\n height: var(--ag661f6);\n }\n .ag661ff {\n border-radius: var(--ag661fc);\n }\n .ag661fl {\n border-width: var(--ag661fi);\n }\n .ag661fr {\n background-color: var(--ag661fo);\n }\n .ag661fx {\n border-color: var(--ag661fu);\n }\n .ag661f13 {\n padding: var(--ag661f10);\n }\n .ag661f19 {\n padding-top: var(--ag661f16);\n }\n .ag661f1f {\n padding-bottom: var(--ag661f1c);\n }\n .ag661f1l {\n padding-left: var(--ag661f1i);\n }\n .ag661f1r {\n padding-right: var(--ag661f1o);\n }\n .ag661f1x {\n margin: var(--ag661f1u);\n }\n .ag661f23 {\n margin-top: var(--ag661f20);\n }\n .ag661f29 {\n margin-bottom: var(--ag661f26);\n }\n .ag661f2f {\n margin-left: var(--ag661f2c);\n }\n .ag661f2l {\n margin-right: var(--ag661f2i);\n }\n .ag661f2o {\n border-style: solid;\n }\n .ag661f2r {\n border-style: none;\n }\n .ag661f2u {\n border-style: hidden;\n }\n .ag661f2x {\n border-style: dashed;\n }\n .ag661f30 {\n border-style: dotted;\n }\n .ag661f33 {\n box-sizing: border-box;\n }\n .ag661f36 {\n box-sizing: content-box;\n }\n .ag661f39 {\n cursor: auto;\n }\n .ag661f3c {\n cursor: pointer;\n }\n}\n@media screen and (min-width: 672px) {\n .ag661f4 {\n width: var(--ag661f1);\n }\n .ag661fa {\n height: var(--ag661f7);\n }\n .ag661fg {\n border-radius: var(--ag661fd);\n }\n .ag661fm {\n border-width: var(--ag661fj);\n }\n .ag661fs {\n background-color: var(--ag661fp);\n }\n .ag661fy {\n border-color: var(--ag661fv);\n }\n .ag661f14 {\n padding: var(--ag661f11);\n }\n .ag661f1a {\n padding-top: var(--ag661f17);\n }\n .ag661f1g {\n padding-bottom: var(--ag661f1d);\n }\n .ag661f1m {\n padding-left: var(--ag661f1j);\n }\n .ag661f1s {\n padding-right: var(--ag661f1p);\n }\n .ag661f1y {\n margin: var(--ag661f1v);\n }\n .ag661f24 {\n margin-top: var(--ag661f21);\n }\n .ag661f2a {\n margin-bottom: var(--ag661f27);\n }\n .ag661f2g {\n margin-left: var(--ag661f2d);\n }\n .ag661f2m {\n margin-right: var(--ag661f2j);\n }\n .ag661f2p {\n border-style: solid;\n }\n .ag661f2s {\n border-style: none;\n }\n .ag661f2v {\n border-style: hidden;\n }\n .ag661f2y {\n border-style: dashed;\n }\n .ag661f31 {\n border-style: dotted;\n }\n .ag661f34 {\n box-sizing: border-box;\n }\n .ag661f37 {\n box-sizing: content-box;\n }\n .ag661f3a {\n cursor: auto;\n }\n .ag661f3d {\n cursor: pointer;\n }\n}\n@media screen and (min-width: 1024px) {\n .ag661f5 {\n width: var(--ag661f2);\n }\n .ag661fb {\n height: var(--ag661f8);\n }\n .ag661fh {\n border-radius: var(--ag661fe);\n }\n .ag661fn {\n border-width: var(--ag661fk);\n }\n .ag661ft {\n background-color: var(--ag661fq);\n }\n .ag661fz {\n border-color: var(--ag661fw);\n }\n .ag661f15 {\n padding: var(--ag661f12);\n }\n .ag661f1b {\n padding-top: var(--ag661f18);\n }\n .ag661f1h {\n padding-bottom: var(--ag661f1e);\n }\n .ag661f1n {\n padding-left: var(--ag661f1k);\n }\n .ag661f1t {\n padding-right: var(--ag661f1q);\n }\n .ag661f1z {\n margin: var(--ag661f1w);\n }\n .ag661f25 {\n margin-top: var(--ag661f22);\n }\n .ag661f2b {\n margin-bottom: var(--ag661f28);\n }\n .ag661f2h {\n margin-left: var(--ag661f2e);\n }\n .ag661f2n {\n margin-right: var(--ag661f2k);\n }\n .ag661f2q {\n border-style: solid;\n }\n .ag661f2t {\n border-style: none;\n }\n .ag661f2w {\n border-style: hidden;\n }\n .ag661f2z {\n border-style: dashed;\n }\n .ag661f32 {\n border-style: dotted;\n }\n .ag661f35 {\n box-sizing: border-box;\n }\n .ag661f38 {\n box-sizing: content-box;\n }\n .ag661f3b {\n cursor: auto;\n }\n .ag661f3e {\n cursor: pointer;\n }\n}\n",""]);const a=t},70:n=>{n.exports=function(n){var r=[];return r.toString=function(){return this.map((function(r){var e=n(r);return r[2]?"@media ".concat(r[2]," {").concat(e,"}"):e})).join("")},r.i=function(n,e,o){"string"==typeof n&&(n=[[null,n,""]]);var t={};if(o)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(t[c]=!0)}for(var g=0;g<n.length;g++){var i=[].concat(n[g]);o&&t[i[0]]||(e&&(i[2]?i[2]="".concat(e," and ").concat(i[2]):i[2]=e),r.push(i))}},r}},138:(n,r,e)=>{e.r(r),e.d(r,{default:()=>g});var o=e(191),t=e.n(o),a=e(669),c={insert:"head",singleton:!1};t()(a.Z,c);const g=a.Z.locals||{}},191:(n,r,e)=>{var o,t=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},a=function(){var n={};return function(r){if(void 0===n[r]){var e=document.querySelector(r);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}n[r]=e}return n[r]}}(),c=[];function g(n){for(var r=-1,e=0;e<c.length;e++)if(c[e].identifier===n){r=e;break}return r}function i(n,r){for(var e={},o=[],t=0;t<n.length;t++){var a=n[t],i=r.base?a[0]+r.base:a[0],f=e[i]||0,l="".concat(i," ").concat(f);e[i]=f+1;var u=g(l),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==u?(c[u].references++,c[u].updater(d)):c.push({identifier:l,updater:k(d,r),references:1}),o.push(l)}return o}function f(n){var r=document.createElement("style"),o=n.attributes||{};if(void 0===o.nonce){var t=e.nc;t&&(o.nonce=t)}if(Object.keys(o).forEach((function(n){r.setAttribute(n,o[n])})),"function"==typeof n.insert)n.insert(r);else{var c=a(n.insert||"head");if(!c)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");c.appendChild(r)}return r}var l,u=(l=[],function(n,r){return l[n]=r,l.filter(Boolean).join("\n")});function d(n,r,e,o){var t=e?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(n.styleSheet)n.styleSheet.cssText=u(r,t);else{var a=document.createTextNode(t),c=n.childNodes;c[r]&&n.removeChild(c[r]),c.length?n.insertBefore(a,c[r]):n.appendChild(a)}}function s(n,r,e){var o=e.css,t=e.media,a=e.sourceMap;if(t?n.setAttribute("media",t):n.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleSheet)n.styleSheet.cssText=o;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(o))}}var x=null,v=0;function k(n,r){var e,o,t;if(r.singleton){var a=v++;e=x||(x=f(r)),o=d.bind(null,e,a,!1),t=d.bind(null,e,a,!0)}else e=f(r),o=s.bind(null,e,r),t=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)};return o(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;o(n=r)}else t()}}n.exports=function(n,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=t());var e=i(n=n||[],r);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var o=0;o<e.length;o++){var t=g(e[o]);c[t].references--}for(var a=i(n,r),f=0;f<e.length;f++){var l=g(e[f]);0===c[l].references&&(c[l].updater(),c.splice(l,1))}e=a}}}},521:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Box=void 0;const o=e(15).__importDefault(e(156)),t=e(990),a=({className:n,style:r,children:e,...a})=>{const{className:c,style:g,otherProps:i}=t.box.sprinkle(a);return o.default.createElement("div",{className:c,style:g,...i},e)};r.Box=a,a.displayName="Box"},15:(n,r,e)=>{e.r(r),e.d(r,{__assign:()=>a,__asyncDelegator:()=>y,__asyncGenerator:()=>m,__asyncValues:()=>_,__await:()=>q,__awaiter:()=>l,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>P,__createBinding:()=>d,__decorate:()=>g,__exportStar:()=>s,__extends:()=>t,__generator:()=>u,__importDefault:()=>O,__importStar:()=>w,__makeTemplateObject:()=>h,__metadata:()=>f,__param:()=>i,__read:()=>v,__rest:()=>c,__spread:()=>k,__spreadArray:()=>b,__spreadArrays:()=>p,__values:()=>x});var o=function(n,r){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])},o(n,r)};function t(n,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function e(){this.constructor=n}o(n,r),n.prototype=null===r?Object.create(r):(e.prototype=r.prototype,new e)}var a=function(){return a=Object.assign||function(n){for(var r,e=1,o=arguments.length;e<o;e++)for(var t in r=arguments[e])Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t]);return n},a.apply(this,arguments)};function c(n,r){var e={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&r.indexOf(o)<0&&(e[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(n);t<o.length;t++)r.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(n,o[t])&&(e[o[t]]=n[o[t]])}return e}function g(n,r,e,o){var t,a=arguments.length,c=a<3?r:null===o?o=Object.getOwnPropertyDescriptor(r,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(n,r,e,o);else for(var g=n.length-1;g>=0;g--)(t=n[g])&&(c=(a<3?t(c):a>3?t(r,e,c):t(r,e))||c);return a>3&&c&&Object.defineProperty(r,e,c),c}function i(n,r){return function(e,o){r(e,o,n)}}function f(n,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,r)}function l(n,r,e,o){return new(e||(e=Promise))((function(t,a){function c(n){try{i(o.next(n))}catch(n){a(n)}}function g(n){try{i(o.throw(n))}catch(n){a(n)}}function i(n){var r;n.done?t(n.value):(r=n.value,r instanceof e?r:new e((function(n){n(r)}))).then(c,g)}i((o=o.apply(n,r||[])).next())}))}function u(n,r){var e,o,t,a,c={label:0,sent:function(){if(1&t[0])throw t[1];return t[1]},trys:[],ops:[]};return a={next:g(0),throw:g(1),return:g(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function g(a){return function(g){return function(a){if(e)throw new TypeError("Generator is already executing.");for(;c;)try{if(e=1,o&&(t=2&a[0]?o.return:a[0]?o.throw||((t=o.return)&&t.call(o),0):o.next)&&!(t=t.call(o,a[1])).done)return t;switch(o=0,t&&(a=[2&a[0],t.value]),a[0]){case 0:case 1:t=a;break;case 4:return c.label++,{value:a[1],done:!1};case 5:c.label++,o=a[1],a=[0];continue;case 7:a=c.ops.pop(),c.trys.pop();continue;default:if(!(t=c.trys,(t=t.length>0&&t[t.length-1])||6!==a[0]&&2!==a[0])){c=0;continue}if(3===a[0]&&(!t||a[1]>t[0]&&a[1]<t[3])){c.label=a[1];break}if(6===a[0]&&c.label<t[1]){c.label=t[1],t=a;break}if(t&&c.label<t[2]){c.label=t[2],c.ops.push(a);break}t[2]&&c.ops.pop(),c.trys.pop();continue}a=r.call(n,c)}catch(n){a=[6,n],o=0}finally{e=t=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,g])}}}var d=Object.create?function(n,r,e,o){void 0===o&&(o=e);var t=Object.getOwnPropertyDescriptor(r,e);t&&!("get"in t?!r.__esModule:t.writable||t.configurable)||(t={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(n,o,t)}:function(n,r,e,o){void 0===o&&(o=e),n[o]=r[e]};function s(n,r){for(var e in n)"default"===e||Object.prototype.hasOwnProperty.call(r,e)||d(r,n,e)}function x(n){var r="function"==typeof Symbol&&Symbol.iterator,e=r&&n[r],o=0;if(e)return e.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&o>=n.length&&(n=void 0),{value:n&&n[o++],done:!n}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(n,r){var e="function"==typeof Symbol&&n[Symbol.iterator];if(!e)return n;var o,t,a=e.call(n),c=[];try{for(;(void 0===r||r-- >0)&&!(o=a.next()).done;)c.push(o.value)}catch(n){t={error:n}}finally{try{o&&!o.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}return c}function k(){for(var n=[],r=0;r<arguments.length;r++)n=n.concat(v(arguments[r]));return n}function p(){for(var n=0,r=0,e=arguments.length;r<e;r++)n+=arguments[r].length;var o=Array(n),t=0;for(r=0;r<e;r++)for(var a=arguments[r],c=0,g=a.length;c<g;c++,t++)o[t]=a[c];return o}function b(n,r,e){if(e||2===arguments.length)for(var o,t=0,a=r.length;t<a;t++)!o&&t in r||(o||(o=Array.prototype.slice.call(r,0,t)),o[t]=r[t]);return n.concat(o||Array.prototype.slice.call(r))}function q(n){return this instanceof q?(this.v=n,this):new q(n)}function m(n,r,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,t=e.apply(n,r||[]),a=[];return o={},c("next"),c("throw"),c("return"),o[Symbol.asyncIterator]=function(){return this},o;function c(n){t[n]&&(o[n]=function(r){return new Promise((function(e,o){a.push([n,r,e,o])>1||g(n,r)}))})}function g(n,r){try{(e=t[n](r)).value instanceof q?Promise.resolve(e.value.v).then(i,f):l(a[0][2],e)}catch(n){l(a[0][3],n)}var e}function i(n){g("next",n)}function f(n){g("throw",n)}function l(n,r){n(r),a.shift(),a.length&&g(a[0][0],a[0][1])}}function y(n){var r,e;return r={},o("next"),o("throw",(function(n){throw n})),o("return"),r[Symbol.iterator]=function(){return this},r;function o(o,t){r[o]=n[o]?function(r){return(e=!e)?{value:q(n[o](r)),done:"return"===o}:t?t(r):r}:t}}function _(n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,e=n[Symbol.asyncIterator];return e?e.call(n):(n=x(n),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(e){r[e]=n[e]&&function(r){return new Promise((function(o,t){(function(n,r,e,o){Promise.resolve(o).then((function(r){n({value:r,done:e})}),r)})(o,t,(r=n[e](r)).done,r.value)}))}}}function h(n,r){return Object.defineProperty?Object.defineProperty(n,"raw",{value:r}):n.raw=r,n}var j=Object.create?function(n,r){Object.defineProperty(n,"default",{enumerable:!0,value:r})}:function(n,r){n.default=r};function w(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var e in n)"default"!==e&&Object.prototype.hasOwnProperty.call(n,e)&&d(r,n,e);return j(r,n),r}function O(n){return n&&n.__esModule?n:{default:n}}function S(n,r,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?n!==r||!o:!r.has(n))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(n):o?o.value:r.get(n)}function P(n,r,e,o,t){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!t)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?n!==r||!t:!r.has(n))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?t.call(n,e):t?t.value=e:r.set(n,e),e}function T(n,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof n?r===n:n.has(r)}},990:n=>{n.exports=r},156:r=>{r.exports=n}},o={};function t(n){var r=o[n];if(void 0!==r)return r.exports;var a=o[n]={id:n,exports:{}};return e[n](a,a.exports,t),a.exports}t.n=n=>{var r=n&&n.__esModule?()=>n.default:()=>n;return t.d(r,{a:r}),r},t.d=(n,r)=>{for(var e in r)t.o(r,e)&&!t.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:r[e]})},t.o=(n,r)=>Object.prototype.hasOwnProperty.call(n,r),t.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.nc=void 0;var a={};return(()=>{var n=a;Object.defineProperty(n,"__esModule",{value:!0}),n.Box=void 0;const r=t(521);t(138);var e=t(521);Object.defineProperty(n,"Box",{enumerable:!0,get:function(){return e.Box}}),n.default=r.Box})(),a})()));
1
+ !function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],e):"object"==typeof exports?exports["@nimbus-ds/box"]=e(require("react"),require("@nimbus-ds/styles")):n["@nimbus-ds/box"]=e(n.react,n["@nimbus-ds/styles"])}(self,((n,e)=>(()=>{"use strict";var r={669:(n,e,r)=>{r.d(e,{Z:()=>o});var t=r(70),a=r.n(t)()((function(n){return n[1]}));a.push([n.id,":root {\n --g6qx2k0: #deeffe;\n --g6qx2k1: #7abcf7;\n --g6qx2k2: #006bc8;\n --g6qx2k3: #004e93;\n --g6qx2k4: #003e74;\n --g6qx2k5: #002c53;\n --g6qx2k6: #000e19;\n --g6qx2k7: #defef2;\n --g6qx2k8: #7af7c7;\n --g6qx2k9: #00c87b;\n --g6qx2ka: #00935b;\n --g6qx2kb: #007447;\n --g6qx2kc: #005333;\n --g6qx2kd: #001910;\n --g6qx2ke: #fef2de;\n --g6qx2kf: #f7c77a;\n --g6qx2kg: #c87b00;\n --g6qx2kh: #935b00;\n --g6qx2ki: #744700;\n --g6qx2kj: #533300;\n --g6qx2kk: #191000;\n --g6qx2kl: #fedede;\n --g6qx2km: #f77a7c;\n --g6qx2kn: #c80003;\n --g6qx2ko: #930002;\n --g6qx2kp: #740002;\n --g6qx2kq: #530001;\n --g6qx2kr: #190000;\n --g6qx2ks: #ffffff;\n --g6qx2kt: #f1f1f1;\n --g6qx2ku: #e7e8e9;\n --g6qx2kv: #cfd1d2;\n --g6qx2kw: #b7babc;\n --g6qx2kx: #a0a3a6;\n --g6qx2ky: #8a8d90;\n --g6qx2kz: #5e6163;\n --g6qx2k10: #343537;\n --g6qx2k11: #0a0a0a;\n --g6qx2k12: CentraNube, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;\n --g6qx2k13: 0.75rem;\n --g6qx2k14: 0.875rem;\n --g6qx2k15: 1rem;\n --g6qx2k16: 2rem;\n --g6qx2k17: 1.5rem;\n --g6qx2k18: 1.25rem;\n --g6qx2k19: 1.125rem;\n --g6qx2k1a: 1rem;\n --g6qx2k1b: 0.875rem;\n --g6qx2k1c: 400;\n --g6qx2k1d: 500;\n --g6qx2k1e: 700;\n --g6qx2k1f: 0.875rem;\n --g6qx2k1g: 1.125rem;\n --g6qx2k1h: 1.25rem;\n --g6qx2k1i: 2.75rem;\n --g6qx2k1j: 2rem;\n --g6qx2k1k: 1.75rem;\n --g6qx2k1l: 1.5rem;\n --g6qx2k1m: 1.25rem;\n --g6qx2k1n: 1.125rem;\n --g6qx2k1o: 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.25);\n --g6qx2k1p: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 3px 10px rgba(0, 0, 0, 0.1);\n --g6qx2k1q: 0px 20px 20px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);\n --g6qx2k1r: 0.25rem;\n --g6qx2k1s: 0.5rem;\n --g6qx2k1t: 1rem;\n --g6qx2k1u: 1.5rem;\n --g6qx2k1v: 2rem;\n --g6qx2k1w: 2.5rem;\n --g6qx2k1x: 3rem;\n --g6qx2k1y: 3.5rem;\n --g6qx2k1z: 4rem;\n --g6qx2k20: 4.5rem;\n --g6qx2k21: 5rem;\n --g6qx2k22: 0.125rem;\n --g6qx2k23: 0.25rem;\n --g6qx2k24: 0.5rem;\n --g6qx2k25: 0.75rem;\n --g6qx2k26: 1rem;\n --g6qx2k27: 1.25rem;\n --g6qx2k28: 1.5rem;\n --g6qx2k29: 1.75rem;\n --g6qx2k2a: 2rem;\n --g6qx2k2b: 2.25rem;\n --g6qx2k2c: 2.5rem;\n --g6qx2k2d: 2.75rem;\n --g6qx2k2e: 3rem;\n --g6qx2k2f: 3.5rem;\n --g6qx2k2g: 4rem;\n --g6qx2k2h: 4.5rem;\n --g6qx2k2i: 5rem;\n --g6qx2k2j: 0.125rem;\n --g6qx2k2k: 0.375rem;\n --g6qx2k2l: 0.625rem;\n --g6qx2k2m: 0.875rem;\n --g6qx2k2n: 1.125rem;\n --g6qx2k2o: 300ms;\n --g6qx2k2p: 150ms;\n --g6qx2k2q: 450ms;\n --g6qx2k2r: 600ms;\n --g6qx2k2s: 0px;\n --g6qx2k2t: 672px;\n --g6qx2k2u: 1024px;\n}\n@media screen and (min-width: 0px) {\n .ag661f3 {\n width: var(--ag661f0);\n }\n .ag661f9 {\n height: var(--ag661f6);\n }\n .ag661ff {\n border-radius: var(--ag661fc);\n }\n .ag661fl {\n border-width: var(--ag661fi);\n }\n .ag661fr {\n background-color: var(--ag661fo);\n }\n .ag661fx {\n border-color: var(--ag661fu);\n }\n .ag661f13 {\n padding: var(--ag661f10);\n }\n .ag661f19 {\n padding-top: var(--ag661f16);\n }\n .ag661f1f {\n padding-bottom: var(--ag661f1c);\n }\n .ag661f1l {\n padding-left: var(--ag661f1i);\n }\n .ag661f1r {\n padding-right: var(--ag661f1o);\n }\n .ag661f1x {\n margin: var(--ag661f1u);\n }\n .ag661f23 {\n margin-top: var(--ag661f20);\n }\n .ag661f29 {\n margin-bottom: var(--ag661f26);\n }\n .ag661f2f {\n margin-left: var(--ag661f2c);\n }\n .ag661f2l {\n margin-right: var(--ag661f2i);\n }\n .ag661f2o {\n border-style: solid;\n }\n .ag661f2r {\n border-style: none;\n }\n .ag661f2u {\n border-style: hidden;\n }\n .ag661f2x {\n border-style: dashed;\n }\n .ag661f30 {\n border-style: dotted;\n }\n .ag661f33 {\n box-sizing: border-box;\n }\n .ag661f36 {\n box-sizing: content-box;\n }\n .ag661f39 {\n cursor: auto;\n }\n .ag661f3c {\n cursor: pointer;\n }\n}\n@media screen and (min-width: 672px) {\n .ag661f4 {\n width: var(--ag661f1);\n }\n .ag661fa {\n height: var(--ag661f7);\n }\n .ag661fg {\n border-radius: var(--ag661fd);\n }\n .ag661fm {\n border-width: var(--ag661fj);\n }\n .ag661fs {\n background-color: var(--ag661fp);\n }\n .ag661fy {\n border-color: var(--ag661fv);\n }\n .ag661f14 {\n padding: var(--ag661f11);\n }\n .ag661f1a {\n padding-top: var(--ag661f17);\n }\n .ag661f1g {\n padding-bottom: var(--ag661f1d);\n }\n .ag661f1m {\n padding-left: var(--ag661f1j);\n }\n .ag661f1s {\n padding-right: var(--ag661f1p);\n }\n .ag661f1y {\n margin: var(--ag661f1v);\n }\n .ag661f24 {\n margin-top: var(--ag661f21);\n }\n .ag661f2a {\n margin-bottom: var(--ag661f27);\n }\n .ag661f2g {\n margin-left: var(--ag661f2d);\n }\n .ag661f2m {\n margin-right: var(--ag661f2j);\n }\n .ag661f2p {\n border-style: solid;\n }\n .ag661f2s {\n border-style: none;\n }\n .ag661f2v {\n border-style: hidden;\n }\n .ag661f2y {\n border-style: dashed;\n }\n .ag661f31 {\n border-style: dotted;\n }\n .ag661f34 {\n box-sizing: border-box;\n }\n .ag661f37 {\n box-sizing: content-box;\n }\n .ag661f3a {\n cursor: auto;\n }\n .ag661f3d {\n cursor: pointer;\n }\n}\n@media screen and (min-width: 1024px) {\n .ag661f5 {\n width: var(--ag661f2);\n }\n .ag661fb {\n height: var(--ag661f8);\n }\n .ag661fh {\n border-radius: var(--ag661fe);\n }\n .ag661fn {\n border-width: var(--ag661fk);\n }\n .ag661ft {\n background-color: var(--ag661fq);\n }\n .ag661fz {\n border-color: var(--ag661fw);\n }\n .ag661f15 {\n padding: var(--ag661f12);\n }\n .ag661f1b {\n padding-top: var(--ag661f18);\n }\n .ag661f1h {\n padding-bottom: var(--ag661f1e);\n }\n .ag661f1n {\n padding-left: var(--ag661f1k);\n }\n .ag661f1t {\n padding-right: var(--ag661f1q);\n }\n .ag661f1z {\n margin: var(--ag661f1w);\n }\n .ag661f25 {\n margin-top: var(--ag661f22);\n }\n .ag661f2b {\n margin-bottom: var(--ag661f28);\n }\n .ag661f2h {\n margin-left: var(--ag661f2e);\n }\n .ag661f2n {\n margin-right: var(--ag661f2k);\n }\n .ag661f2q {\n border-style: solid;\n }\n .ag661f2t {\n border-style: none;\n }\n .ag661f2w {\n border-style: hidden;\n }\n .ag661f2z {\n border-style: dashed;\n }\n .ag661f32 {\n border-style: dotted;\n }\n .ag661f35 {\n box-sizing: border-box;\n }\n .ag661f38 {\n box-sizing: content-box;\n }\n .ag661f3b {\n cursor: auto;\n }\n .ag661f3e {\n cursor: pointer;\n }\n}\n",""]);const o=a},70:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var r=n(e);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(n,r,t){"string"==typeof n&&(n=[[null,n,""]]);var a={};if(t)for(var o=0;o<this.length;o++){var i=this[o][0];null!=i&&(a[i]=!0)}for(var f=0;f<n.length;f++){var c=[].concat(n[f]);t&&a[c[0]]||(r&&(c[2]?c[2]="".concat(r," and ").concat(c[2]):c[2]=r),e.push(c))}},e}},138:(n,e,r)=>{r.r(e),r.d(e,{default:()=>f});var t=r(191),a=r.n(t),o=r(669),i={insert:"head",singleton:!1};a()(o.Z,i);const f=o.Z.locals||{}},191:(n,e,r)=>{var t,a=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},o=function(){var n={};return function(e){if(void 0===n[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(n){r=null}n[e]=r}return n[e]}}(),i=[];function f(n){for(var e=-1,r=0;r<i.length;r++)if(i[r].identifier===n){e=r;break}return e}function c(n,e){for(var r={},t=[],a=0;a<n.length;a++){var o=n[a],c=e.base?o[0]+e.base:o[0],g=r[c]||0,u="".concat(c," ").concat(g);r[c]=g+1;var l=f(u),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==l?(i[l].references++,i[l].updater(s)):i.push({identifier:u,updater:b(s,e),references:1}),t.push(u)}return t}function g(n){var e=document.createElement("style"),t=n.attributes||{};if(void 0===t.nonce){var a=r.nc;a&&(t.nonce=a)}if(Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])})),"function"==typeof n.insert)n.insert(e);else{var i=o(n.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}return e}var u,l=(u=[],function(n,e){return u[n]=e,u.filter(Boolean).join("\n")});function s(n,e,r,t){var a=r?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(n.styleSheet)n.styleSheet.cssText=l(e,a);else{var o=document.createTextNode(a),i=n.childNodes;i[e]&&n.removeChild(i[e]),i.length?n.insertBefore(o,i[e]):n.appendChild(o)}}function d(n,e,r){var t=r.css,a=r.media,o=r.sourceMap;if(a?n.setAttribute("media",a):n.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}var p=null,x=0;function b(n,e){var r,t,a;if(e.singleton){var o=x++;r=p||(p=g(e)),t=s.bind(null,r,o,!1),a=s.bind(null,r,o,!0)}else r=g(e),t=d.bind(null,r,e),a=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(r)};return t(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;t(n=e)}else a()}}n.exports=function(n,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=a());var r=c(n=n||[],e);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var t=0;t<r.length;t++){var a=f(r[t]);i[a].references--}for(var o=c(n,e),g=0;g<r.length;g++){var u=f(r[g]);0===i[u].references&&(i[u].updater(),i.splice(u,1))}r=o}}}},521:(n,e,r)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.Box=void 0;const t=r(15).__importDefault(r(156)),a=r(990),o=({className:n,style:e,children:r,...o})=>{const{className:i,style:f,otherProps:c}=a.box.sprinkle(o);return t.default.createElement("div",{className:i,style:f,...c},r)};e.Box=o,o.displayName="Box"},15:(n,e,r)=>{r.r(e),r.d(e,{__assign:()=>o,__asyncDelegator:()=>k,__asyncGenerator:()=>h,__asyncValues:()=>q,__await:()=>y,__awaiter:()=>u,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>T,__classPrivateFieldSet:()=>P,__createBinding:()=>s,__decorate:()=>f,__exportStar:()=>d,__extends:()=>a,__generator:()=>l,__importDefault:()=>O,__importStar:()=>j,__makeTemplateObject:()=>w,__metadata:()=>g,__param:()=>c,__read:()=>x,__rest:()=>i,__spread:()=>b,__spreadArray:()=>v,__spreadArrays:()=>m,__values:()=>p});var t=function(n,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,e){n.__proto__=e}||function(n,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])},t(n,e)};function a(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}var o=function(){return o=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n},o.apply(this,arguments)};function i(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(n);a<t.length;a++)e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(n,t[a])&&(r[t[a]]=n[t[a]])}return r}function f(n,e,r,t){var a,o=arguments.length,i=o<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,r,t);else for(var f=n.length-1;f>=0;f--)(a=n[f])&&(i=(o<3?a(i):o>3?a(e,r,i):a(e,r))||i);return o>3&&i&&Object.defineProperty(e,r,i),i}function c(n,e){return function(r,t){e(r,t,n)}}function g(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)}function u(n,e,r,t){return new(r||(r=Promise))((function(a,o){function i(n){try{c(t.next(n))}catch(n){o(n)}}function f(n){try{c(t.throw(n))}catch(n){o(n)}}function c(n){var e;n.done?a(n.value):(e=n.value,e instanceof r?e:new r((function(n){n(e)}))).then(i,f)}c((t=t.apply(n,e||[])).next())}))}function l(n,e){var r,t,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:f(0),throw:f(1),return:f(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function f(o){return function(f){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,t&&(a=2&o[0]?t.return:o[0]?t.throw||((a=t.return)&&a.call(t),0):t.next)&&!(a=a.call(t,o[1])).done)return a;switch(t=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,t=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(6===o[0]&&i.label<a[1]){i.label=a[1],a=o;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(o);break}a[2]&&i.ops.pop(),i.trys.pop();continue}o=e.call(n,i)}catch(n){o=[6,n],t=0}finally{r=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,f])}}}var s=Object.create?function(n,e,r,t){void 0===t&&(t=r);var a=Object.getOwnPropertyDescriptor(e,r);a&&!("get"in a?!e.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(n,t,a)}:function(n,e,r,t){void 0===t&&(t=r),n[t]=e[r]};function d(n,e){for(var r in n)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||s(e,n,r)}function p(n){var e="function"==typeof Symbol&&Symbol.iterator,r=e&&n[e],t=0;if(r)return r.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&t>=n.length&&(n=void 0),{value:n&&n[t++],done:!n}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function x(n,e){var r="function"==typeof Symbol&&n[Symbol.iterator];if(!r)return n;var t,a,o=r.call(n),i=[];try{for(;(void 0===e||e-- >0)&&!(t=o.next()).done;)i.push(t.value)}catch(n){a={error:n}}finally{try{t&&!t.done&&(r=o.return)&&r.call(o)}finally{if(a)throw a.error}}return i}function b(){for(var n=[],e=0;e<arguments.length;e++)n=n.concat(x(arguments[e]));return n}function m(){for(var n=0,e=0,r=arguments.length;e<r;e++)n+=arguments[e].length;var t=Array(n),a=0;for(e=0;e<r;e++)for(var o=arguments[e],i=0,f=o.length;i<f;i++,a++)t[a]=o[i];return t}function v(n,e,r){if(r||2===arguments.length)for(var t,a=0,o=e.length;a<o;a++)!t&&a in e||(t||(t=Array.prototype.slice.call(e,0,a)),t[a]=e[a]);return n.concat(t||Array.prototype.slice.call(e))}function y(n){return this instanceof y?(this.v=n,this):new y(n)}function h(n,e,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,a=r.apply(n,e||[]),o=[];return t={},i("next"),i("throw"),i("return"),t[Symbol.asyncIterator]=function(){return this},t;function i(n){a[n]&&(t[n]=function(e){return new Promise((function(r,t){o.push([n,e,r,t])>1||f(n,e)}))})}function f(n,e){try{(r=a[n](e)).value instanceof y?Promise.resolve(r.value.v).then(c,g):u(o[0][2],r)}catch(n){u(o[0][3],n)}var r}function c(n){f("next",n)}function g(n){f("throw",n)}function u(n,e){n(e),o.shift(),o.length&&f(o[0][0],o[0][1])}}function k(n){var e,r;return e={},t("next"),t("throw",(function(n){throw n})),t("return"),e[Symbol.iterator]=function(){return this},e;function t(t,a){e[t]=n[t]?function(e){return(r=!r)?{value:y(n[t](e)),done:"return"===t}:a?a(e):e}:a}}function q(n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,r=n[Symbol.asyncIterator];return r?r.call(n):(n=p(n),e={},t("next"),t("throw"),t("return"),e[Symbol.asyncIterator]=function(){return this},e);function t(r){e[r]=n[r]&&function(e){return new Promise((function(t,a){(function(n,e,r,t){Promise.resolve(t).then((function(e){n({value:e,done:r})}),e)})(t,a,(e=n[r](e)).done,e.value)}))}}}function w(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var _=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e};function j(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var r in n)"default"!==r&&Object.prototype.hasOwnProperty.call(n,r)&&s(e,n,r);return _(e,n),e}function O(n){return n&&n.__esModule?n:{default:n}}function S(n,e,r,t){if("a"===r&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?n!==e||!t:!e.has(n))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?t:"a"===r?t.call(n):t?t.value:e.get(n)}function P(n,e,r,t,a){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?n!==e||!a:!e.has(n))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?a.call(n,r):a?a.value=r:e.set(n,r),r}function T(n,e){if(null===e||"object"!=typeof e&&"function"!=typeof e)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof n?e===n:n.has(e)}},990:n=>{n.exports=e},156:e=>{e.exports=n}},t={};function a(n){var e=t[n];if(void 0!==e)return e.exports;var o=t[n]={id:n,exports:{}};return r[n](o,o.exports,a),o.exports}a.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return a.d(e,{a:e}),e},a.d=(n,e)=>{for(var r in e)a.o(e,r)&&!a.o(n,r)&&Object.defineProperty(n,r,{enumerable:!0,get:e[r]})},a.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),a.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},a.nc=void 0;var o={};return(()=>{var n=o;Object.defineProperty(n,"__esModule",{value:!0}),n.Box=void 0;const e=a(521);a(138);var r=a(521);Object.defineProperty(n,"Box",{enumerable:!0,get:function(){return r.Box}}),n.default=e.Box})(),o})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/box",
3
- "version": "1.2.0-rc.5",
3
+ "version": "1.2.0-rc.7",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -14,7 +14,7 @@
14
14
  "version": "yarn version"
15
15
  },
16
16
  "dependencies": {
17
- "@nimbus-ds/styles": "5.0.0-rc.6"
17
+ "@nimbus-ds/styles": "^5.0.0-rc.8"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "react": "^16.8 || ^17.0 || ^18.0",
@@ -30,7 +30,6 @@
30
30
  },
31
31
  "devDependencies": {
32
32
  "@vanilla-extract/dynamic": "^2.0.2",
33
- "typescript": "^4.7.4",
34
33
  "webpack": "^5.74.0"
35
34
  },
36
35
  "stableVersion": "1.1.0"