@licklist/design 0.78.5-dev.41 → 0.78.5-dev.45

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 (97) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +14 -0
  4. package/dist/v2/components/Alert/Alert.js +87 -0
  5. package/dist/v2/components/Alert/Alert.scss.js +6 -0
  6. package/dist/v2/components/Button/Button.d.ts +8 -4
  7. package/dist/v2/components/Button/Button.d.ts.map +1 -1
  8. package/dist/v2/components/Button/Button.js +121 -0
  9. package/dist/v2/components/Button/Button.scss.js +6 -0
  10. package/dist/v2/components/Button/index.d.ts +2 -2
  11. package/dist/v2/components/Button/index.d.ts.map +1 -1
  12. package/dist/v2/components/Checkbox/Checkbox.d.ts +9 -0
  13. package/dist/v2/components/Checkbox/Checkbox.d.ts.map +1 -0
  14. package/dist/v2/components/Checkbox/Checkbox.js +231 -0
  15. package/dist/v2/components/Checkbox/Checkbox.scss.js +6 -0
  16. package/dist/v2/components/Checkbox/index.d.ts +3 -0
  17. package/dist/v2/components/Checkbox/index.d.ts.map +1 -0
  18. package/dist/v2/components/FormField/FormField.d.ts +10 -0
  19. package/dist/v2/components/FormField/FormField.d.ts.map +1 -0
  20. package/dist/v2/components/FormField/FormField.js +98 -0
  21. package/dist/v2/components/FormField/FormField.scss.js +6 -0
  22. package/dist/v2/components/FormField/index.d.ts +3 -0
  23. package/dist/v2/components/FormField/index.d.ts.map +1 -0
  24. package/dist/v2/components/NPSScore/NPSScore.js +546 -0
  25. package/dist/v2/components/NPSScore/NPSScore.scss.js +6 -0
  26. package/dist/v2/components/NewInput/NewInput.d.ts +20 -0
  27. package/dist/v2/components/NewInput/NewInput.d.ts.map +1 -0
  28. package/dist/v2/components/NewInput/NewInput.js +134 -0
  29. package/dist/v2/components/NewInput/index.d.ts +2 -0
  30. package/dist/v2/components/NewInput/index.d.ts.map +1 -0
  31. package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts +10 -0
  32. package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts.map +1 -0
  33. package/dist/v2/components/NewPageHeader/NewPageHeader.js +36 -0
  34. package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js +6 -0
  35. package/dist/v2/components/NewPageHeader/index.d.ts +2 -0
  36. package/dist/v2/components/NewPageHeader/index.d.ts.map +1 -0
  37. package/dist/v2/components/SectionHeader/SectionHeader.d.ts +8 -0
  38. package/dist/v2/components/SectionHeader/SectionHeader.d.ts.map +1 -0
  39. package/dist/v2/components/SectionHeader/SectionHeader.js +13 -0
  40. package/dist/v2/components/SectionHeader/SectionHeader.scss.js +6 -0
  41. package/dist/v2/components/SectionHeader/index.d.ts +3 -0
  42. package/dist/v2/components/SectionHeader/index.d.ts.map +1 -0
  43. package/dist/v2/components/Select/Select.scss.js +1 -1
  44. package/dist/v2/components/WYSIWYGEditor/Icons.d.ts +14 -0
  45. package/dist/v2/components/WYSIWYGEditor/Icons.d.ts.map +1 -0
  46. package/dist/v2/components/WYSIWYGEditor/Icons.js +192 -0
  47. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts +13 -0
  48. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts.map +1 -0
  49. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.js +219 -0
  50. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss.js +6 -0
  51. package/dist/v2/components/WYSIWYGEditor/index.d.ts +3 -0
  52. package/dist/v2/components/WYSIWYGEditor/index.d.ts.map +1 -0
  53. package/dist/v2/components/index.d.ts +22 -0
  54. package/dist/v2/components/index.d.ts.map +1 -0
  55. package/dist/v2/styles/components/Button.scss +51 -53
  56. package/dist/v2/styles/form/Layout.scss +15 -0
  57. package/dist/v2/styles/form/NewInput.scss +76 -53
  58. package/dist/v2/styles/form/NewInput.scss.js +6 -0
  59. package/dist/v2/styles/index.scss +1 -0
  60. package/dist/v2/styles/tokens/_colors.scss +6 -6
  61. package/dist/v2/styles/tokens/_typography.scss +2 -2
  62. package/package.json +3 -3
  63. package/src/index.ts +1 -0
  64. package/src/v2/components/Alert/Alert.scss +3 -3
  65. package/src/v2/components/Button/Button.tsx +34 -12
  66. package/src/v2/components/Button/index.ts +2 -2
  67. package/src/v2/components/Checkbox/Checkbox.scss +205 -0
  68. package/src/v2/components/Checkbox/Checkbox.stories.tsx +316 -0
  69. package/src/v2/components/Checkbox/Checkbox.tsx +106 -0
  70. package/src/v2/components/Checkbox/index.ts +3 -0
  71. package/src/v2/components/FormField/FormField.scss +87 -0
  72. package/src/v2/components/FormField/FormField.stories.tsx +71 -0
  73. package/src/v2/components/FormField/FormField.tsx +37 -0
  74. package/src/v2/components/FormField/index.ts +3 -0
  75. package/src/v2/components/NewInput/NewInput.stories.tsx +433 -0
  76. package/src/v2/components/NewInput/NewInput.tsx +96 -0
  77. package/src/v2/components/NewInput/index.ts +1 -0
  78. package/src/v2/components/NewPageHeader/NewPageHeader.scss +47 -0
  79. package/src/v2/components/NewPageHeader/NewPageHeader.stories.tsx +44 -0
  80. package/src/v2/components/NewPageHeader/NewPageHeader.tsx +35 -0
  81. package/src/v2/components/NewPageHeader/index.ts +1 -0
  82. package/src/v2/components/SectionHeader/SectionHeader.scss +11 -0
  83. package/src/v2/components/SectionHeader/SectionHeader.tsx +15 -0
  84. package/src/v2/components/SectionHeader/index.ts +2 -0
  85. package/src/v2/components/Select/Select.scss +5 -5
  86. package/src/v2/components/WYSIWYGEditor/Icons.tsx +81 -0
  87. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss +318 -0
  88. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.stories.tsx +252 -0
  89. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx +237 -0
  90. package/src/v2/components/WYSIWYGEditor/index.ts +3 -0
  91. package/src/v2/components/index.ts +37 -0
  92. package/src/v2/styles/components/Button.scss +51 -53
  93. package/src/v2/styles/form/Layout.scss +15 -0
  94. package/src/v2/styles/form/NewInput.scss +76 -53
  95. package/src/v2/styles/index.scss +1 -0
  96. package/src/v2/styles/tokens/_colors.scss +6 -6
  97. package/src/v2/styles/tokens/_typography.scss +2 -2
package/src/v2/styles/tokens/_colors.scss CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  :root {
7
7
  /* Base Colors - BKIT */
8
-
8
+
9
9
  /* Blues */
10
10
  --blue-50: #E7F4FC;
11
11
  --blue-100: #B4DBF6;
@@ -144,7 +144,7 @@
144
144
  --neutral-black: #000000;
145
145
 
146
146
  /* Main Color Abstractions */
147
-
147
+
148
148
  /* Purple Scale */
149
149
  --purple-lightest: var(--purple-50);
150
150
  --purple-lighter: var(--purple-100);
@@ -253,7 +253,7 @@
253
253
  --shade-darkest: var(--neutral-black);
254
254
 
255
255
  /* Semantic Colors */
256
-
256
+
257
257
  /* Highlight Colors */
258
258
  --highlight-lightest: var(--cyan-lightest);
259
259
  --highlight-lighter: var(--cyan-lighter);
@@ -326,7 +326,7 @@
326
326
  --disabled-darkest: var(--shade-regular);
327
327
 
328
328
  /* Light Theme Palette Mappings */
329
-
329
+
330
330
  /* Labels */
331
331
  --label-primary: var(--shade-light);
332
332
  --label-secondary: var(--tone-darkest);
@@ -387,7 +387,7 @@
387
387
  /* Borders */
388
388
  --border-primary: var(--tone-light);
389
389
  --border-secondary: var(--tone-regular);
390
- --border-selected: var(--shade-light);
390
+ --border-selected: var(--neutral-600);
391
391
  --border-action: var(--actions-regular);
392
392
  --border-status-error: var(--errors-lighter);
393
393
  --border-status-success: var(--success-lighter);
@@ -551,4 +551,4 @@
551
551
 
552
552
  @mixin color-border($color) {
553
553
  border-color: var(--#{$color});
554
- }
554
+ }
package/src/v2/styles/tokens/_typography.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  --font-family-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
8
8
  --font-family-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
9
9
 
10
- /* Headings Desktop */
10
+ /* Headings Desktop */
11
11
  --heading-xxl-size: 44px;
12
12
  --heading-xxl-line: 48px;
13
13
  --heading-xxl-weight: 600;
@@ -143,4 +143,4 @@ $typo-map: (
143
143
  @media (max-width: $bp-mobile-max) {
144
144
  @include typography($mobileVariant);
145
145
  }
146
- }
146
+ }