@innovaccer/rich-text-editor 1.3.1-1 → 1.3.1

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 (9) hide show
  1. package/.prettierignore +3 -0
  2. package/.prettierrc +6 -0
  3. package/CHANGELOG.md +1 -1
  4. package/dist/rich-text-editor.css +211 -26
  5. package/dist/rich-text-editor.css.map +1 -1
  6. package/dist/rich-text-editor.js +8 -8
  7. package/package.json +9 -6
  8. package/public/design-system.css +71 -67
  9. package/public/design-system.css.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@innovaccer/rich-text-editor",
3
- "version": "1.3.1-1",
3
+ "version": "1.3.1",
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,11 +11,11 @@
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.5.0",
15
- "@storybook/storybook-deployer": "^2.8.7",
14
+ "@innovaccer/design-system": "^2.7.0-0",
16
15
  "@storybook/addon-docs": "^6.1.6",
17
16
  "@storybook/addon-essentials": "^6.1.5",
18
17
  "@storybook/react": "^6.1.5",
18
+ "@storybook/storybook-deployer": "^2.8.7",
19
19
  "autoprefixer": "^9.7.3",
20
20
  "babel-eslint": "^10.0.3",
21
21
  "babel-loader": "^8.0.6",
@@ -44,13 +44,14 @@
44
44
  "jsdom": "^15.2.1",
45
45
  "mini-css-extract-plugin": "^0.8.0",
46
46
  "mocha": "^6.2.2",
47
+ "postcss-color-mod-function": "^3.0.3",
47
48
  "postcss-loader": "^3.0.0",
48
49
  "precss": "^4.0.0",
50
+ "prettier": "^2.5.1",
49
51
  "react": "^16.12.0",
50
52
  "react-addons-test-utils": "^15.6.2",
51
53
  "react-dom": "^16.12.0",
52
54
  "react-test-renderer": "^16.12.0",
53
- "postcss-color-mod-function": "^3.0.3",
54
55
  "rimraf": "^3.0.0",
55
56
  "sinon": "^7.5.0",
56
57
  "style-loader": "^1.0.1",
@@ -70,7 +71,8 @@
70
71
  "immutable": "^4.0.0-rc.12",
71
72
  "linkify-it": "^2.2.0",
72
73
  "prop-types": "^15.7.2",
73
- "redraft": "^0.10.2"
74
+ "redraft": "^0.10.2",
75
+ "update": "^0.7.4"
74
76
  },
75
77
  "peerDependencies": {
76
78
  "@innovaccer/design-system": "^1.4.0-0",
@@ -91,7 +93,8 @@
91
93
  "storybook": "start-storybook -p 6006",
92
94
  "build-storybook": "build-storybook",
93
95
  "deploy-storybook": "storybook-to-ghpages",
94
- "version": "./scripts/version.sh"
96
+ "version": "./scripts/version.sh",
97
+ "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css}\""
95
98
  },
96
99
  "license": "MIT"
97
100
  }
package/public/design-system.css CHANGED
@@ -1,69 +1,69 @@
1
1
  /**** Colors ****/
2
2
  :root {
3
- --haldi: #ffc208;
4
- --haldi-dark: #b78707;
5
- --haldi-darker: #6b4a06;
6
- --haldi-light: #ffd462;
7
- --haldi-lighter: #ffe597;
8
- --haldi-lightest: #fff5c7;
9
- --jal: #0070dd;
10
- --jal-dark: #00509f;
11
- --jal-darker: #003365;
12
- --jal-light: #4f9de7;
13
- --jal-lighter: #97c5f0;
14
- --jal-lightest: #dcecf9;
15
- --jamun: #7a53b2;
16
- --jamun-dark: #644491;
17
- --jamun-darker: #4e3572;
18
- --jamun-light: #9d7ec6;
19
- --jamun-lighter: #bfaada;
20
- --jamun-lightest: #e0d8ee;
21
- --mirch: #d93737;
22
- --mirch-dark: #9c2828;
23
- --mirch-darker: #631919;
24
- --mirch-light: #eb776c;
25
- --mirch-lighter: #f7ada5;
26
- --mirch-lightest: #f9e2e2;
27
- --neel: #3d51d4;
28
- --neel-dark: #2c3a98;
29
- --neel-darker: #1c2561;
30
- --neel-light: #7583e1;
31
- --neel-lighter: #abb4ed;
32
- --neel-lightest: #e2e5f9;
33
- --neem: #2ea843;
34
- --neem-dark: #227934;
35
- --neem-darker: #154d26;
36
- --neem-light: #71c077;
37
- --neem-lighter: #a5d8aa;
38
- --neem-lightest: #d7efdf;
39
- --night: #2f2f2f;
40
- --night-light: #595959;
41
- --night-lighter: #868686;
42
- --night-lightest: #a6a6a6;
43
- --nimbu: #82c91e;
44
- --nimbu-dark: #578715;
45
- --nimbu-darker: #304a0b;
46
- --nimbu-light: #a6d763;
47
- --nimbu-lighter: #c6e599;
48
- --nimbu-lightest: #e3f3ce;
49
- --shadow-0: #ffffff;
50
- --shadow-10: #ffffff;
51
- --shadow-20: #ffffff;
52
- --shadow-30: #ffffff;
53
- --stone: #d5d5d5;
54
- --stone-dark: #c5c5c5;
55
- --stone-light: #e5e5e5;
56
- --stone-lighter: #ececec;
57
- --stone-lightest: #f4f4f4;
58
- --tawak: #f07d00;
59
- --tawak-dark: #b35f13;
60
- --tawak-darker: #743208;
61
- --tawak-light: #feac5f;
62
- --tawak-lighter: #ffc998;
63
- --tawak-lightest: #fde6ce;
64
- --white: #ffffff;
65
-
66
- /**** Fonts ****/
3
+ --haldi: #ffc208;
4
+ --haldi-dark: #b78707;
5
+ --haldi-darker: #6b4a06;
6
+ --haldi-light: #ffd462;
7
+ --haldi-lighter: #ffe597;
8
+ --haldi-lightest: #fff5c7;
9
+ --jal: #0070dd;
10
+ --jal-dark: #00509f;
11
+ --jal-darker: #003365;
12
+ --jal-light: #4f9de7;
13
+ --jal-lighter: #97c5f0;
14
+ --jal-lightest: #dcecf9;
15
+ --jamun: #7a53b2;
16
+ --jamun-dark: #644491;
17
+ --jamun-darker: #4e3572;
18
+ --jamun-light: #9d7ec6;
19
+ --jamun-lighter: #bfaada;
20
+ --jamun-lightest: #e0d8ee;
21
+ --mirch: #d93737;
22
+ --mirch-dark: #9c2828;
23
+ --mirch-darker: #631919;
24
+ --mirch-light: #eb776c;
25
+ --mirch-lighter: #f7ada5;
26
+ --mirch-lightest: #f9e2e2;
27
+ --neel: #3d51d4;
28
+ --neel-dark: #2c3a98;
29
+ --neel-darker: #1c2561;
30
+ --neel-light: #7583e1;
31
+ --neel-lighter: #abb4ed;
32
+ --neel-lightest: #e2e5f9;
33
+ --neem: #2ea843;
34
+ --neem-dark: #227934;
35
+ --neem-darker: #154d26;
36
+ --neem-light: #71c077;
37
+ --neem-lighter: #a5d8aa;
38
+ --neem-lightest: #d7efdf;
39
+ --night: #2f2f2f;
40
+ --night-light: #595959;
41
+ --night-lighter: #868686;
42
+ --night-lightest: #a6a6a6;
43
+ --nimbu: #82c91e;
44
+ --nimbu-dark: #578715;
45
+ --nimbu-darker: #304a0b;
46
+ --nimbu-light: #a6d763;
47
+ --nimbu-lighter: #c6e599;
48
+ --nimbu-lightest: #e3f3ce;
49
+ --shadow-0: #ffffff;
50
+ --shadow-10: #ffffff;
51
+ --shadow-20: #ffffff;
52
+ --shadow-30: #ffffff;
53
+ --stone: #d5d5d5;
54
+ --stone-dark: #c5c5c5;
55
+ --stone-light: #e5e5e5;
56
+ --stone-lighter: #ececec;
57
+ --stone-lightest: #f4f4f4;
58
+ --tawak: #f07d00;
59
+ --tawak-dark: #b35f13;
60
+ --tawak-darker: #743208;
61
+ --tawak-light: #feac5f;
62
+ --tawak-lighter: #ffc998;
63
+ --tawak-lightest: #fde6ce;
64
+ --white: #ffffff;
65
+
66
+ /**** Fonts ****/
67
67
  } /* close :root */
68
68
 
69
69
  :root {
@@ -243,13 +243,16 @@
243
243
 
244
244
  /*
245
245
  Grid columns
246
- Set the number of columns and specify the width of the gutters.
247
- */
246
+ Set the number of columns and specify the width of the gutters.
247
+ */
248
248
 
249
249
  --grid-columns: 12;
250
250
 
251
251
  /* Undefined colors */
252
- --card-subdued-bg: #FCFAFA;
252
+ --card-subdued-bg: #fcfafa;
253
+
254
+ /* Transparancy (Opacity) */
255
+ --transparent-58: 0.58;
253
256
  }
254
257
 
255
258
  body {
@@ -450,4 +453,5 @@ body {
450
453
  .Subheading--white {
451
454
  color: var(--text-white);
452
455
  }
456
+
453
457
  /*# sourceMappingURL=design-system.css.map */
package/public/design-system.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["design-system.css"],"names":[],"mappings":"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","file":"design-system.css","sourcesContent":["/**** Colors ****/\n:root {\n\t--haldi: #ffc208;\n\t--haldi-dark: #b78707;\n\t--haldi-darker: #6b4a06;\n\t--haldi-light: #ffd462;\n\t--haldi-lighter: #ffe597;\n\t--haldi-lightest: #fff5c7;\n\t--jal: #0070dd;\n\t--jal-dark: #00509f;\n\t--jal-darker: #003365;\n\t--jal-light: #4f9de7;\n\t--jal-lighter: #97c5f0;\n\t--jal-lightest: #dcecf9;\n\t--jamun: #7a53b2;\n\t--jamun-dark: #644491;\n\t--jamun-darker: #4e3572;\n\t--jamun-light: #9d7ec6;\n\t--jamun-lighter: #bfaada;\n\t--jamun-lightest: #e0d8ee;\n\t--mirch: #d93737;\n\t--mirch-dark: #9c2828;\n\t--mirch-darker: #631919;\n\t--mirch-light: #eb776c;\n\t--mirch-lighter: #f7ada5;\n\t--mirch-lightest: #f9e2e2;\n\t--neel: #3d51d4;\n\t--neel-dark: #2c3a98;\n\t--neel-darker: #1c2561;\n\t--neel-light: #7583e1;\n\t--neel-lighter: #abb4ed;\n\t--neel-lightest: #e2e5f9;\n\t--neem: #2ea843;\n\t--neem-dark: #227934;\n\t--neem-darker: #154d26;\n\t--neem-light: #71c077;\n\t--neem-lighter: #a5d8aa;\n\t--neem-lightest: #d7efdf;\n\t--night: #2f2f2f;\n\t--night-light: #595959;\n\t--night-lighter: #868686;\n\t--night-lightest: #a6a6a6;\n\t--nimbu: #82c91e;\n\t--nimbu-dark: #578715;\n\t--nimbu-darker: #304a0b;\n\t--nimbu-light: #a6d763;\n\t--nimbu-lighter: #c6e599;\n\t--nimbu-lightest: #e3f3ce;\n\t--shadow-0: #ffffff;\n\t--shadow-10: #ffffff;\n\t--shadow-20: #ffffff;\n\t--shadow-30: #ffffff;\n\t--stone: #d5d5d5;\n\t--stone-dark: #c5c5c5;\n\t--stone-light: #e5e5e5;\n\t--stone-lighter: #ececec;\n\t--stone-lightest: #f4f4f4;\n\t--tawak: #f07d00;\n\t--tawak-dark: #b35f13;\n\t--tawak-darker: #743208;\n\t--tawak-light: #feac5f;\n\t--tawak-lighter: #ffc998;\n\t--tawak-lightest: #fde6ce;\n\t--white: #ffffff;\n\n\t/**** 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\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}\n\n.Label-optionalText {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-s);\n}\n\n.Label--disabled {\n color: var(--text-disabled);\n}\n\n.Label-requiredIndicator {\n height: var(--spacing-m);\n width: var(--spacing-m);\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\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}"]}
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\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}\n\n.Label-optionalText {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-s);\n}\n\n.Label--disabled {\n color: var(--text-disabled);\n}\n\n.Label-requiredIndicator {\n height: var(--spacing-m);\n width: var(--spacing-m);\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\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"]}