@licklist/design 0.78.5-dev.40 → 0.78.5-dev.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -0
- package/dist/v2/components/Alert/Alert.js +87 -0
- package/dist/v2/components/Alert/Alert.scss.js +6 -0
- package/dist/v2/components/Button/Button.d.ts +8 -4
- package/dist/v2/components/Button/Button.d.ts.map +1 -1
- package/dist/v2/components/Button/Button.js +121 -0
- package/dist/v2/components/Button/Button.scss.js +6 -0
- package/dist/v2/components/Button/index.d.ts +2 -2
- package/dist/v2/components/Button/index.d.ts.map +1 -1
- package/dist/v2/components/Checkbox/Checkbox.d.ts +9 -0
- package/dist/v2/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/v2/components/Checkbox/Checkbox.js +231 -0
- package/dist/v2/components/Checkbox/Checkbox.scss.js +6 -0
- package/dist/v2/components/Checkbox/index.d.ts +3 -0
- package/dist/v2/components/Checkbox/index.d.ts.map +1 -0
- package/dist/v2/components/FormField/FormField.d.ts +10 -0
- package/dist/v2/components/FormField/FormField.d.ts.map +1 -0
- package/dist/v2/components/FormField/FormField.js +98 -0
- package/dist/v2/components/FormField/FormField.scss.js +6 -0
- package/dist/v2/components/FormField/index.d.ts +3 -0
- package/dist/v2/components/FormField/index.d.ts.map +1 -0
- package/dist/v2/components/NPSScore/NPSScore.js +546 -0
- package/dist/v2/components/NPSScore/NPSScore.scss.js +6 -0
- package/dist/v2/components/NewInput/NewInput.d.ts +20 -0
- package/dist/v2/components/NewInput/NewInput.d.ts.map +1 -0
- package/dist/v2/components/NewInput/NewInput.js +134 -0
- package/dist/v2/components/NewInput/index.d.ts +2 -0
- package/dist/v2/components/NewInput/index.d.ts.map +1 -0
- package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts +10 -0
- package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts.map +1 -0
- package/dist/v2/components/NewPageHeader/NewPageHeader.js +36 -0
- package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js +6 -0
- package/dist/v2/components/NewPageHeader/index.d.ts +2 -0
- package/dist/v2/components/NewPageHeader/index.d.ts.map +1 -0
- package/dist/v2/components/SectionHeader/SectionHeader.d.ts +8 -0
- package/dist/v2/components/SectionHeader/SectionHeader.d.ts.map +1 -0
- package/dist/v2/components/SectionHeader/SectionHeader.js +13 -0
- package/dist/v2/components/SectionHeader/SectionHeader.scss.js +6 -0
- package/dist/v2/components/SectionHeader/index.d.ts +3 -0
- package/dist/v2/components/SectionHeader/index.d.ts.map +1 -0
- package/dist/v2/components/WYSIWYGEditor/Icons.d.ts +17 -0
- package/dist/v2/components/WYSIWYGEditor/Icons.d.ts.map +1 -0
- package/dist/v2/components/WYSIWYGEditor/Icons.js +231 -0
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts +13 -0
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts.map +1 -0
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.js +222 -0
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss.js +6 -0
- package/dist/v2/components/WYSIWYGEditor/index.d.ts +3 -0
- package/dist/v2/components/WYSIWYGEditor/index.d.ts.map +1 -0
- package/dist/v2/components/index.d.ts +22 -0
- package/dist/v2/components/index.d.ts.map +1 -0
- package/dist/v2/navigation/DashboardLayout/DashboardLayout.d.ts.map +1 -1
- package/dist/v2/navigation/DashboardLayout/DashboardLayout.js +2 -0
- package/dist/v2/styles/components/Button.scss +51 -53
- package/dist/v2/styles/form/Layout.scss +15 -0
- package/dist/v2/styles/form/NewInput.scss +60 -49
- package/dist/v2/styles/form/NewInput.scss.js +6 -0
- package/dist/v2/styles/index.scss +1 -0
- package/dist/v2/styles/tokens/_colors.scss +6 -6
- package/dist/v2/styles/tokens/_typography.scss +2 -2
- package/package.json +1 -1
- package/src/index.ts +1 -0
- package/src/v2/components/Alert/Alert.scss +3 -3
- package/src/v2/components/Button/Button.tsx +34 -12
- package/src/v2/components/Button/index.ts +2 -2
- package/src/v2/components/Checkbox/Checkbox.scss +190 -0
- package/src/v2/components/Checkbox/Checkbox.stories.tsx +316 -0
- package/src/v2/components/Checkbox/Checkbox.tsx +106 -0
- package/src/v2/components/Checkbox/index.ts +3 -0
- package/src/v2/components/FormField/FormField.scss +87 -0
- package/src/v2/components/FormField/FormField.stories.tsx +71 -0
- package/src/v2/components/FormField/FormField.tsx +37 -0
- package/src/v2/components/FormField/index.ts +3 -0
- package/src/v2/components/NewInput/NewInput.stories.tsx +433 -0
- package/src/v2/components/NewInput/NewInput.tsx +96 -0
- package/src/v2/components/NewInput/index.ts +1 -0
- package/src/v2/components/NewPageHeader/NewPageHeader.scss +35 -0
- package/src/v2/components/NewPageHeader/NewPageHeader.stories.tsx +44 -0
- package/src/v2/components/NewPageHeader/NewPageHeader.tsx +35 -0
- package/src/v2/components/NewPageHeader/index.ts +1 -0
- package/src/v2/components/SectionHeader/SectionHeader.scss +11 -0
- package/src/v2/components/SectionHeader/SectionHeader.tsx +15 -0
- package/src/v2/components/SectionHeader/index.ts +2 -0
- package/src/v2/components/WYSIWYGEditor/Icons.tsx +98 -0
- package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss +300 -0
- package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.stories.tsx +252 -0
- package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx +224 -0
- package/src/v2/components/WYSIWYGEditor/index.ts +3 -0
- package/src/v2/components/index.ts +37 -0
- package/src/v2/navigation/DashboardLayout/DashboardLayout.tsx +2 -1
- package/src/v2/styles/components/Button.scss +51 -53
- package/src/v2/styles/form/Layout.scss +15 -0
- package/src/v2/styles/form/NewInput.scss +60 -49
- package/src/v2/styles/index.scss +1 -0
- package/src/v2/styles/tokens/_colors.scss +6 -6
- package/src/v2/styles/tokens/_typography.scss +2 -2
|
@@ -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(--
|
|
390
|
+
--border-selected: var(--purple-regular);
|
|
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
|
+
}
|
|
@@ -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
|
-
|
|
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
|
+
}
|