@innovaccer/rich-text-editor 2.1.7 → 2.2.0-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@innovaccer/rich-text-editor",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0-0",
|
|
4
4
|
"description": "A rich text on top of DraftJS.",
|
|
5
5
|
"main": "dist/rich-text-editor.js",
|
|
6
6
|
"module": "dist/rich-text-editor.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@babel/preset-env": "^7.7.4",
|
|
12
12
|
"@babel/preset-react": "^7.7.4",
|
|
13
13
|
"@babel/register": "^7.7.4",
|
|
14
|
-
"@innovaccer/design-system": "^2.
|
|
14
|
+
"@innovaccer/design-system": "^2.41.3",
|
|
15
15
|
"@storybook/addon-docs": "6.5.10",
|
|
16
16
|
"@storybook/addon-essentials": "6.5.10",
|
|
17
17
|
"@storybook/react": "6.5.10",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"redraft": "^0.10.2"
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
|
-
"@innovaccer/design-system": "^2.
|
|
77
|
+
"@innovaccer/design-system": "^2.41.3",
|
|
78
78
|
"react": "0.13.x || 0.14.x || ^15.0.0-0 || 15.x.x || ^16.0.0-0 || ^16.x.x",
|
|
79
79
|
"react-dom": "0.13.x || 0.14.x || ^15.0.0-0 || 15.x.x || ^16.0.0-0 || ^16.x.x"
|
|
80
80
|
},
|
package/public/design-system.css
CHANGED
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
--neem-light: #71c077;
|
|
37
37
|
--neem-lighter: #a5d8aa;
|
|
38
38
|
--neem-lightest: #d7efdf;
|
|
39
|
-
--night: #
|
|
40
|
-
--night-light: #
|
|
41
|
-
--night-lighter: #
|
|
39
|
+
--night: #1f1f1f;
|
|
40
|
+
--night-light: #494949;
|
|
41
|
+
--night-lighter: #707070;
|
|
42
42
|
--night-lightest: #a6a6a6;
|
|
43
43
|
--nimbu: #82c91e;
|
|
44
44
|
--nimbu-dark: #578715;
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
--accent2-shadow: rgba(122, 83, 178, 0.16);
|
|
149
149
|
--accent3-shadow: rgba(61, 81, 212, 0.16);
|
|
150
150
|
--accent4-shadow: rgba(130, 201, 30, 0.16);
|
|
151
|
-
--inverse-shadow: rgba(
|
|
151
|
+
--inverse-shadow: rgba(31, 31, 31, 0.16);
|
|
152
152
|
|
|
153
153
|
/* Text colors */
|
|
154
154
|
--text: var(--night);
|
|
@@ -163,6 +163,7 @@
|
|
|
163
163
|
--spacing-xs: 1px;
|
|
164
164
|
--spacing-s: 2px;
|
|
165
165
|
--spacing-m: 4px;
|
|
166
|
+
--spacing-0-75: 6px;
|
|
166
167
|
--spacing: 8px;
|
|
167
168
|
--spacing-l: 12px;
|
|
168
169
|
/* 8 * 2 */
|
|
@@ -272,6 +273,18 @@
|
|
|
272
273
|
--duration--moderate-02: 240ms;
|
|
273
274
|
--duration--slow-01: 400ms;
|
|
274
275
|
--duration--slow-02: 720ms;
|
|
276
|
+
|
|
277
|
+
/* Opacity */
|
|
278
|
+
--opacity-1: 0.04;
|
|
279
|
+
--opacity-2: 0.08;
|
|
280
|
+
--opacity-3: 0.12;
|
|
281
|
+
--opacity-4: 0.16;
|
|
282
|
+
--opacity-6: 0.24;
|
|
283
|
+
--opacity-8: 0.32;
|
|
284
|
+
--opacity-10: 0.4;
|
|
285
|
+
--opacity-12: 0.48;
|
|
286
|
+
--opacity-16: 0.64;
|
|
287
|
+
--opacity-20: 0.8;
|
|
275
288
|
}
|
|
276
289
|
|
|
277
290
|
body {
|
|
@@ -420,12 +433,12 @@ body {
|
|
|
420
433
|
}
|
|
421
434
|
|
|
422
435
|
.Label-requiredIndicator {
|
|
423
|
-
height:
|
|
424
|
-
width:
|
|
436
|
+
height: var(--spacing-0-75);
|
|
437
|
+
width: var(--spacing-0-75);
|
|
425
438
|
border-radius: 50%;
|
|
426
439
|
background: var(--alert);
|
|
427
440
|
margin-left: var(--spacing-m);
|
|
428
|
-
margin-bottom:
|
|
441
|
+
margin-bottom: var(--spacing-0-75);
|
|
429
442
|
display: inline-flex;
|
|
430
443
|
}
|
|
431
444
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["design-system.css"],"names":[],"mappings":"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","file":"design-system.css","sourcesContent":["/**** Colors ****/\n:root {\n --haldi: #ffc208;\n --haldi-dark: #b78707;\n --haldi-darker: #6b4a06;\n --haldi-light: #ffd462;\n --haldi-lighter: #ffe597;\n --haldi-lightest: #fff5c7;\n --jal: #0070dd;\n --jal-dark: #00509f;\n --jal-darker: #003365;\n --jal-light: #4f9de7;\n --jal-lighter: #97c5f0;\n --jal-lightest: #dcecf9;\n --jamun: #7a53b2;\n --jamun-dark: #644491;\n --jamun-darker: #4e3572;\n --jamun-light: #9d7ec6;\n --jamun-lighter: #bfaada;\n --jamun-lightest: #e0d8ee;\n --mirch: #d93737;\n --mirch-dark: #9c2828;\n --mirch-darker: #631919;\n --mirch-light: #eb776c;\n --mirch-lighter: #f7ada5;\n --mirch-lightest: #f9e2e2;\n --neel: #3d51d4;\n --neel-dark: #2c3a98;\n --neel-darker: #1c2561;\n --neel-light: #7583e1;\n --neel-lighter: #abb4ed;\n --neel-lightest: #e2e5f9;\n --neem: #2ea843;\n --neem-dark: #227934;\n --neem-darker: #154d26;\n --neem-light: #71c077;\n --neem-lighter: #a5d8aa;\n --neem-lightest: #d7efdf;\n --night: #2f2f2f;\n --night-light: #595959;\n --night-lighter: #868686;\n --night-lightest: #a6a6a6;\n --nimbu: #82c91e;\n --nimbu-dark: #578715;\n --nimbu-darker: #304a0b;\n --nimbu-light: #a6d763;\n --nimbu-lighter: #c6e599;\n --nimbu-lightest: #e3f3ce;\n --shadow-0: #ffffff;\n --shadow-10: #ffffff;\n --shadow-20: #ffffff;\n --shadow-30: #ffffff;\n --stone: #d5d5d5;\n --stone-dark: #c5c5c5;\n --stone-light: #e5e5e5;\n --stone-lighter: #ececec;\n --stone-lightest: #f4f4f4;\n --tawak: #f07d00;\n --tawak-dark: #b35f13;\n --tawak-darker: #743208;\n --tawak-light: #feac5f;\n --tawak-lighter: #ffc998;\n --tawak-lightest: #fde6ce;\n --white: #ffffff;\n\n /**** Fonts ****/\n} /* close :root */\n\n:root {\n /* Colors */\n\n /* default */\n --primary: var(--jal);\n --secondary: var(--stone);\n --success: var(--neem);\n --alert: var(--mirch);\n --warning: var(--haldi);\n --accent1: var(--tawak);\n --accent2: var(--jamun);\n --accent3: var(--neel);\n --accent4: var(--nimbu);\n --inverse: var(--night);\n\n /* dark */\n --primary-dark: var(--jal-dark);\n --secondary-dark: var(--stone-dark);\n --success-dark: var(--neem-dark);\n --alert-dark: var(--mirch-dark);\n --warning-dark: var(--haldi-dark);\n --accent1-dark: var(--tawak-dark);\n --accent2-dark: var(--jamun-dark);\n --accent3-dark: var(--neel-dark);\n --accent4-dark: var(--nimbu-dark);\n\n /* darker */\n --primary-darker: var(--jal-darker);\n --success-darker: var(--neem-darker);\n --alert-darker: var(--mirch-darker);\n --warning-darker: var(--haldi-darker);\n --accent1-darker: var(--tawak-darker);\n --accent2-darker: var(--jamun-darker);\n --accent3-darker: var(--neel-darker);\n --accent4-darker: var(--nimbu-darker);\n\n /* light */\n --primary-light: var(--jal-light);\n --secondary-light: var(--stone-light);\n --success-light: var(--neem-light);\n --alert-light: var(--mirch-light);\n --warning-light: var(--haldi-light);\n --accent1-light: var(--tawak-light);\n --accent2-light: var(--jamun-light);\n --accent3-light: var(--neel-light);\n --accent4-light: var(--nimbu-light);\n --inverse-light: var(--night-light);\n\n /* lighter */\n --primary-lighter: var(--jal-lighter);\n --secondary-lighter: var(--stone-lighter);\n --success-lighter: var(--neem-lighter);\n --alert-lighter: var(--mirch-lighter);\n --warning-lighter: var(--haldi-lighter);\n --accent1-lighter: var(--tawak-lighter);\n --accent2-lighter: var(--jamun-lighter);\n --accent3-lighter: var(--neel-lighter);\n --accent4-lighter: var(--nimbu-lighter);\n --inverse-lighter: var(--night-lighter);\n\n /* lightest */\n --primary-lightest: var(--jal-lightest);\n --secondary-lightest: var(--stone-lightest);\n --success-lightest: var(--neem-lightest);\n --alert-lightest: var(--mirch-lightest);\n --warning-lightest: var(--haldi-lightest);\n --accent1-lightest: var(--tawak-lightest);\n --accent2-lightest: var(--jamun-lightest);\n --accent3-lightest: var(--neel-lightest);\n --accent4-lightest: var(--nimbu-lightest);\n --inverse-lightest: var(--night-lightest);\n\n /* shadow */\n --primary-shadow: color-mod(var(--primary) a(0.16));\n --secondary-shadow: color-mod(var(--secondary) a(0.16));\n --success-shadow: color-mod(var(--success) a(0.16));\n --alert-shadow: color-mod(var(--alert) a(0.16));\n --warning-shadow: color-mod(var(--warning) a(0.16));\n --accent1-shadow: color-mod(var(--accent1) a(0.16));\n --accent2-shadow: color-mod(var(--accent2) a(0.16));\n --accent3-shadow: color-mod(var(--accent3) a(0.16));\n --accent4-shadow: color-mod(var(--accent4) a(0.16));\n --inverse-shadow: color-mod(var(--inverse) a(0.16));\n\n /* Text colors */\n --text: var(--night);\n --text-subtle: var(--night-lighter);\n --text-link: var(--primary);\n --text-disabled: var(--inverse-lightest);\n --text-destructive: var(--alert);\n --text-white: var(--white);\n --text-success: var(--success);\n\n /* spacing */\n --spacing-xs: 1px;\n --spacing-s: 2px;\n --spacing-m: 4px;\n --spacing: 8px;\n --spacing-l: 12px;\n /* 8 * 2 */\n --spacing-2: 16px;\n /* 8 * 3 */\n --spacing-xl: 24px;\n /* 8 * 4 */\n --spacing-3: 32px;\n /* 8 * 6 */\n --spacing-4: 48px;\n /* 8 * 8 */\n --spacing-5: 64px;\n /* 8 * 12 */\n --spacing-6: 96px;\n /* 8 * 16 */\n --spacing-7: 128px;\n /* 8 * 22 */\n --spacing-8: 176px;\n /* 8 * 32 */\n --spacing-9: 256px;\n\n /* Fonts */\n --font-family: 'Nunito Sans';\n\n /* Font size */\n --font-size-xxs: 4px;\n --font-size-xs: 8px;\n --font-size-s: 12px;\n --font-size: 14px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 28px;\n --font-size-xxl: 32px;\n --font-size-xxxl: 40px;\n\n /* Font weight */\n --font-weight-normal: 400;\n --font-weight-medium: 600;\n --font-weight-bold: 700;\n --font-weight-bolder: 800;\n\n /* Line height or Font height */\n --font-height-normal: normal;\n --font-height-s: 16px;\n --font-height: 20px;\n --font-height-m: 24px;\n --font-height-l: 32px;\n --font-height-xl: 40px;\n --font-height-xxl: 48px;\n\n /* Letter spacing */\n --letter-spacing: 0.5px;\n\n /* body settings */\n\n /* border */\n --border: var(--spacing-xs) solid var(--secondary);\n --border-s: var(--spacing-s) solid var(--secondary);\n\n /* padding */\n\n /* shadow */\n --shadow-s: 0 1px 4px 0 rgba(0, 0, 0, 0.16);\n --shadow-m: 0 2px 8px 0 rgba(0, 0, 0, 0.16);\n --shadow-l: 0 4px 16px 0 rgba(0, 0, 0, 0.16);\n --shadow-spread: 0 0 0 3px;\n\n /* \n Grid breakpoints\n Define the minimum dimensions at which your layout will change,\n adapting to different screen sizes, for use in media queries. \n */\n\n --grid-s-breakpoint: 576px;\n --grid-m-breakpoint: 768px;\n --grid-l-breakpoint: 992px;\n --grid-xl-breakpoint: 1200px;\n\n /* \n Grid columns\n Set the number of columns and specify the width of the gutters. \n */\n\n --grid-columns: 12;\n\n /* Undefined colors */\n --card-subdued-bg: #fcfafa;\n\n /* Transparancy (Opacity) */\n --transparent-58: 0.58;\n\n /* Transition curve timing function */\n /* Use standard-easing when an element is visible from the beginning to the end of a motion. Ex-Expanding cards. */\n --standard-productive-curve: cubic-bezier(0.2, 0, 0.38, 0.9);\n --standard-expressive-curve: cubic-bezier(0.4, 0.14, 0.3, 1);\n /* Use entrance-easing when an element quickly appears and slows down to a stop. Ex-when adding elements to the view, such as a modal appearing. */\n --entrance-productive-curve: cubic-bezier(0, 0, 0.38, 0.9);\n --entrance-expressive-curve: cubic-bezier(0, 0, 0.3, 1);\n /* Use exit-easing when removing elements from view, such as closing a modal or toaster. */\n --exit-productive-curve: cubic-bezier(0.2, 0, 1, 0.9);\n --exit-expressive-curve: cubic-bezier(0.4, 0.14, 1, 1);\n\n /* Transition duration */\n --duration--fast-01: 80ms;\n --duration--fast-02: 120ms;\n --duration--moderate-01: 160ms;\n --duration--moderate-02: 240ms;\n --duration--slow-01: 400ms;\n --duration--slow-02: 720ms;\n}\n\nbody {\n font-family: var(--font-family);\n color: var(--text);\n line-height: var(--font-height);\n margin: 0;\n padding: 0;\n font-size: var(--font-size);\n}\n\n/* Text */\n.Text {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.Text--small {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.Text--regular {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.Text--large {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.Text--default {\n color: var(--text);\n}\n\n.Text--subtle {\n color: var(--text-subtle);\n}\n\n.Text--disabled {\n color: var(--text-disabled);\n}\n\n.Text--destructive {\n color: var(--text-destructive);\n}\n\n.Text--white {\n color: var(--text-white);\n}\n\n.Text--success {\n color: var(--text-success);\n}\n\n.Text--link {\n color: var(--text-link);\n}\n\n.Text--medium {\n font-weight: var(--font-weight-medium);\n}\n\n.Text--strong {\n font-weight: var(--font-weight-bold);\n}\n\n/* Heading */\n.Heading {\n margin: 0;\n}\n\n.Heading--s {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.Heading--m {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-l);\n line-height: var(--font-height-l);\n}\n\n.Heading--l {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xl);\n line-height: var(--font-height-xl);\n}\n\n.Heading--xl {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-xxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--xxl {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xxxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--default {\n color: var(--text);\n}\n\n.Heading--subtle {\n color: var(--text-subtle);\n}\n\n.Heading--disabled {\n color: var(--text-disabled);\n}\n\n.Heading--white {\n color: var(--text-white);\n}\n\n/* Label */\n.Label {\n display: inline-flex;\n}\n\n.Label--withInput {\n margin-bottom: var(--spacing-m);\n}\n\n.Label--optional {\n align-items: center;\n}\n\n.Label-text {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n word-break: break-all;\n}\n\n.Label-optionalText {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-m);\n}\n\n.Label--disabled {\n color: var(--text-disabled);\n}\n\n.Label-requiredIndicator {\n height: 6px;\n width: 6px;\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\n margin-bottom: 6px;\n display: inline-flex;\n}\n\n/* Caption */\n.Caption {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.Caption--withInput {\n margin-top: var(--spacing-m);\n}\n\n.Caption-icon {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-m);\n}\n\n.Caption--hidden {\n display: none;\n}\n\n/* Subheading */\n.Subheading {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-l);\n line-height: var(--font-height-m);\n letter-spacing: var(--letter-spacing);\n text-transform: uppercase;\n}\n\n.Subheading--default {\n color: var(--text);\n}\n\n.Subheading--subtle {\n color: var(--text-subtle);\n}\n\n.Subheading--disabled {\n color: var(--text-disabled);\n}\n\n.Subheading--white {\n color: var(--text-white);\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["design-system.css"],"names":[],"mappings":"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","file":"design-system.css","sourcesContent":["/**** Colors ****/\n:root {\n --haldi: #ffc208;\n --haldi-dark: #b78707;\n --haldi-darker: #6b4a06;\n --haldi-light: #ffd462;\n --haldi-lighter: #ffe597;\n --haldi-lightest: #fff5c7;\n --jal: #0070dd;\n --jal-dark: #00509f;\n --jal-darker: #003365;\n --jal-light: #4f9de7;\n --jal-lighter: #97c5f0;\n --jal-lightest: #dcecf9;\n --jamun: #7a53b2;\n --jamun-dark: #644491;\n --jamun-darker: #4e3572;\n --jamun-light: #9d7ec6;\n --jamun-lighter: #bfaada;\n --jamun-lightest: #e0d8ee;\n --mirch: #d93737;\n --mirch-dark: #9c2828;\n --mirch-darker: #631919;\n --mirch-light: #eb776c;\n --mirch-lighter: #f7ada5;\n --mirch-lightest: #f9e2e2;\n --neel: #3d51d4;\n --neel-dark: #2c3a98;\n --neel-darker: #1c2561;\n --neel-light: #7583e1;\n --neel-lighter: #abb4ed;\n --neel-lightest: #e2e5f9;\n --neem: #2ea843;\n --neem-dark: #227934;\n --neem-darker: #154d26;\n --neem-light: #71c077;\n --neem-lighter: #a5d8aa;\n --neem-lightest: #d7efdf;\n --night: #1f1f1f;\n --night-light: #494949;\n --night-lighter: #707070;\n --night-lightest: #a6a6a6;\n --nimbu: #82c91e;\n --nimbu-dark: #578715;\n --nimbu-darker: #304a0b;\n --nimbu-light: #a6d763;\n --nimbu-lighter: #c6e599;\n --nimbu-lightest: #e3f3ce;\n --shadow-0: #ffffff;\n --shadow-10: #ffffff;\n --shadow-20: #ffffff;\n --shadow-30: #ffffff;\n --stone: #d5d5d5;\n --stone-dark: #c5c5c5;\n --stone-light: #e5e5e5;\n --stone-lighter: #ececec;\n --stone-lightest: #f4f4f4;\n --tawak: #f07d00;\n --tawak-dark: #b35f13;\n --tawak-darker: #743208;\n --tawak-light: #feac5f;\n --tawak-lighter: #ffc998;\n --tawak-lightest: #fde6ce;\n --white: #ffffff;\n\n /**** Fonts ****/\n} /* close :root */\n\n:root {\n /* Colors */\n\n /* default */\n --primary: var(--jal);\n --secondary: var(--stone);\n --success: var(--neem);\n --alert: var(--mirch);\n --warning: var(--haldi);\n --accent1: var(--tawak);\n --accent2: var(--jamun);\n --accent3: var(--neel);\n --accent4: var(--nimbu);\n --inverse: var(--night);\n\n /* dark */\n --primary-dark: var(--jal-dark);\n --secondary-dark: var(--stone-dark);\n --success-dark: var(--neem-dark);\n --alert-dark: var(--mirch-dark);\n --warning-dark: var(--haldi-dark);\n --accent1-dark: var(--tawak-dark);\n --accent2-dark: var(--jamun-dark);\n --accent3-dark: var(--neel-dark);\n --accent4-dark: var(--nimbu-dark);\n\n /* darker */\n --primary-darker: var(--jal-darker);\n --success-darker: var(--neem-darker);\n --alert-darker: var(--mirch-darker);\n --warning-darker: var(--haldi-darker);\n --accent1-darker: var(--tawak-darker);\n --accent2-darker: var(--jamun-darker);\n --accent3-darker: var(--neel-darker);\n --accent4-darker: var(--nimbu-darker);\n\n /* light */\n --primary-light: var(--jal-light);\n --secondary-light: var(--stone-light);\n --success-light: var(--neem-light);\n --alert-light: var(--mirch-light);\n --warning-light: var(--haldi-light);\n --accent1-light: var(--tawak-light);\n --accent2-light: var(--jamun-light);\n --accent3-light: var(--neel-light);\n --accent4-light: var(--nimbu-light);\n --inverse-light: var(--night-light);\n\n /* lighter */\n --primary-lighter: var(--jal-lighter);\n --secondary-lighter: var(--stone-lighter);\n --success-lighter: var(--neem-lighter);\n --alert-lighter: var(--mirch-lighter);\n --warning-lighter: var(--haldi-lighter);\n --accent1-lighter: var(--tawak-lighter);\n --accent2-lighter: var(--jamun-lighter);\n --accent3-lighter: var(--neel-lighter);\n --accent4-lighter: var(--nimbu-lighter);\n --inverse-lighter: var(--night-lighter);\n\n /* lightest */\n --primary-lightest: var(--jal-lightest);\n --secondary-lightest: var(--stone-lightest);\n --success-lightest: var(--neem-lightest);\n --alert-lightest: var(--mirch-lightest);\n --warning-lightest: var(--haldi-lightest);\n --accent1-lightest: var(--tawak-lightest);\n --accent2-lightest: var(--jamun-lightest);\n --accent3-lightest: var(--neel-lightest);\n --accent4-lightest: var(--nimbu-lightest);\n --inverse-lightest: var(--night-lightest);\n\n /* shadow */\n --primary-shadow: color-mod(var(--primary) a(var(--opacity-4)));\n --secondary-shadow: color-mod(var(--secondary) a(var(--opacity-4)));\n --success-shadow: color-mod(var(--success) a(var(--opacity-4)));\n --alert-shadow: color-mod(var(--alert) a(var(--opacity-4)));\n --warning-shadow: color-mod(var(--warning) a(var(--opacity-4)));\n --accent1-shadow: color-mod(var(--accent1) a(var(--opacity-4)));\n --accent2-shadow: color-mod(var(--accent2) a(var(--opacity-4)));\n --accent3-shadow: color-mod(var(--accent3) a(var(--opacity-4)));\n --accent4-shadow: color-mod(var(--accent4) a(var(--opacity-4)));\n --inverse-shadow: color-mod(var(--inverse) a(var(--opacity-4)));\n\n /* Text colors */\n --text: var(--night);\n --text-subtle: var(--night-lighter);\n --text-link: var(--primary);\n --text-disabled: var(--inverse-lightest);\n --text-destructive: var(--alert);\n --text-white: var(--white);\n --text-success: var(--success);\n\n /* spacing */\n --spacing-xs: 1px;\n --spacing-s: 2px;\n --spacing-m: 4px;\n --spacing-0-75: 6px;\n --spacing: 8px;\n --spacing-l: 12px;\n /* 8 * 2 */\n --spacing-2: 16px;\n /* 8 * 3 */\n --spacing-xl: 24px;\n /* 8 * 4 */\n --spacing-3: 32px;\n /* 8 * 6 */\n --spacing-4: 48px;\n /* 8 * 8 */\n --spacing-5: 64px;\n /* 8 * 12 */\n --spacing-6: 96px;\n /* 8 * 16 */\n --spacing-7: 128px;\n /* 8 * 22 */\n --spacing-8: 176px;\n /* 8 * 32 */\n --spacing-9: 256px;\n\n /* Fonts */\n --font-family: 'Nunito Sans';\n\n /* Font size */\n --font-size-xxs: 4px;\n --font-size-xs: 8px;\n --font-size-s: 12px;\n --font-size: 14px;\n --font-size-m: 16px;\n --font-size-l: 20px;\n --font-size-xl: 28px;\n --font-size-xxl: 32px;\n --font-size-xxxl: 40px;\n\n /* Font weight */\n --font-weight-normal: 400;\n --font-weight-medium: 600;\n --font-weight-bold: 700;\n --font-weight-bolder: 800;\n\n /* Line height or Font height */\n --font-height-normal: normal;\n --font-height-s: 16px;\n --font-height: 20px;\n --font-height-m: 24px;\n --font-height-l: 32px;\n --font-height-xl: 40px;\n --font-height-xxl: 48px;\n\n /* Letter spacing */\n --letter-spacing: 0.5px;\n\n /* body settings */\n\n /* border */\n --border: var(--spacing-xs) solid var(--secondary);\n --border-s: var(--spacing-s) solid var(--secondary);\n\n /* padding */\n\n /* shadow */\n --shadow-s: 0 1px 4px 0 rgba(0, 0, 0, 0.16);\n --shadow-m: 0 2px 8px 0 rgba(0, 0, 0, 0.16);\n --shadow-l: 0 4px 16px 0 rgba(0, 0, 0, 0.16);\n --shadow-spread: 0 0 0 3px;\n\n /* \n Grid breakpoints\n Define the minimum dimensions at which your layout will change,\n adapting to different screen sizes, for use in media queries. \n */\n\n --grid-s-breakpoint: 576px;\n --grid-m-breakpoint: 768px;\n --grid-l-breakpoint: 992px;\n --grid-xl-breakpoint: 1200px;\n\n /* \n Grid columns\n Set the number of columns and specify the width of the gutters. \n */\n\n --grid-columns: 12;\n\n /* Undefined colors */\n --card-subdued-bg: #fcfafa;\n\n /* Transparancy (Opacity) */\n --transparent-58: 0.58;\n\n /* Transition curve timing function */\n /* Use standard-easing when an element is visible from the beginning to the end of a motion. Ex-Expanding cards. */\n --standard-productive-curve: cubic-bezier(0.2, 0, 0.38, 0.9);\n --standard-expressive-curve: cubic-bezier(0.4, 0.14, 0.3, 1);\n /* Use entrance-easing when an element quickly appears and slows down to a stop. Ex-when adding elements to the view, such as a modal appearing. */\n --entrance-productive-curve: cubic-bezier(0, 0, 0.38, 0.9);\n --entrance-expressive-curve: cubic-bezier(0, 0, 0.3, 1);\n /* Use exit-easing when removing elements from view, such as closing a modal or toaster. */\n --exit-productive-curve: cubic-bezier(0.2, 0, 1, 0.9);\n --exit-expressive-curve: cubic-bezier(0.4, 0.14, 1, 1);\n\n /* Transition duration */\n --duration--fast-01: 80ms;\n --duration--fast-02: 120ms;\n --duration--moderate-01: 160ms;\n --duration--moderate-02: 240ms;\n --duration--slow-01: 400ms;\n --duration--slow-02: 720ms;\n\n /* Opacity */\n --opacity-1: 0.04;\n --opacity-2: 0.08;\n --opacity-3: 0.12;\n --opacity-4: 0.16;\n --opacity-6: 0.24;\n --opacity-8: 0.32;\n --opacity-10: 0.4;\n --opacity-12: 0.48;\n --opacity-16: 0.64;\n --opacity-20: 0.8;\n}\n\nbody {\n font-family: var(--font-family);\n color: var(--text);\n line-height: var(--font-height);\n margin: 0;\n padding: 0;\n font-size: var(--font-size);\n}\n\n/* Text */\n.Text {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.Text--small {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.Text--regular {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.Text--large {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.Text--default {\n color: var(--text);\n}\n\n.Text--subtle {\n color: var(--text-subtle);\n}\n\n.Text--disabled {\n color: var(--text-disabled);\n}\n\n.Text--destructive {\n color: var(--text-destructive);\n}\n\n.Text--white {\n color: var(--text-white);\n}\n\n.Text--success {\n color: var(--text-success);\n}\n\n.Text--link {\n color: var(--text-link);\n}\n\n.Text--medium {\n font-weight: var(--font-weight-medium);\n}\n\n.Text--strong {\n font-weight: var(--font-weight-bold);\n}\n\n/* Heading */\n.Heading {\n margin: 0;\n}\n\n.Heading--s {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.Heading--m {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-l);\n line-height: var(--font-height-l);\n}\n\n.Heading--l {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xl);\n line-height: var(--font-height-xl);\n}\n\n.Heading--xl {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-xxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--xxl {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xxxl);\n line-height: var(--font-height-xxl);\n}\n\n.Heading--default {\n color: var(--text);\n}\n\n.Heading--subtle {\n color: var(--text-subtle);\n}\n\n.Heading--disabled {\n color: var(--text-disabled);\n}\n\n.Heading--white {\n color: var(--text-white);\n}\n\n/* Label */\n.Label {\n display: inline-flex;\n}\n\n.Label--withInput {\n margin-bottom: var(--spacing-m);\n}\n\n.Label--optional {\n align-items: center;\n}\n\n.Label-text {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n word-break: break-all;\n}\n\n.Label-optionalText {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-m);\n}\n\n.Label--disabled {\n color: var(--text-disabled);\n}\n\n.Label-requiredIndicator {\n height: var(--spacing-0-75);\n width: var(--spacing-0-75);\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\n margin-bottom: var(--spacing-0-75);\n display: inline-flex;\n}\n\n/* Caption */\n.Caption {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.Caption--withInput {\n margin-top: var(--spacing-m);\n}\n\n.Caption-icon {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-m);\n}\n\n.Caption--hidden {\n display: none;\n}\n\n/* Subheading */\n.Subheading {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-l);\n line-height: var(--font-height-m);\n letter-spacing: var(--letter-spacing);\n text-transform: uppercase;\n}\n\n.Subheading--default {\n color: var(--text);\n}\n\n.Subheading--subtle {\n color: var(--text-subtle);\n}\n\n.Subheading--disabled {\n color: var(--text-disabled);\n}\n\n.Subheading--white {\n color: var(--text-white);\n}\n"]}
|