paris 0.24.0 → 0.25.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/CHANGELOG.md +50 -0
- package/README.md +2 -2
- package/dist/stories/accordion/Accordion.module.scss.js +1 -1
- package/dist/stories/accordionselect/{AccordionSelect.module.css → AccordionSelect.css} +3 -0
- package/dist/stories/accordionselect/AccordionSelect.d.ts +15 -14
- package/dist/stories/accordionselect/AccordionSelect.js +8 -3
- package/dist/stories/accordionselect/AccordionSelect.js.map +1 -1
- package/dist/stories/accordionselect/AccordionSelect.module.scss.js +1 -1
- package/dist/stories/avatar/Avatar.module.scss.js +1 -1
- package/dist/stories/button/{Button.module.css → Button.css} +17 -0
- package/dist/stories/button/Button.js +2 -1
- package/dist/stories/button/Button.js.map +1 -1
- package/dist/stories/button/Button.module.scss.js +6 -2
- package/dist/stories/button/Button.module.scss.js.map +1 -1
- package/dist/stories/callout/Callout.module.scss.js +1 -1
- package/dist/stories/card/Card.module.scss.js +1 -1
- package/dist/stories/cardbutton/{CardButton.module.css → CardButton.css} +1 -1
- package/dist/stories/cardbutton/CardButton.d.ts +9 -1
- package/dist/stories/cardbutton/CardButton.js +5 -2
- package/dist/stories/cardbutton/CardButton.js.map +1 -1
- package/dist/stories/cardbutton/CardButton.module.scss.js +1 -1
- package/dist/stories/checkbox/{Checkbox.module.css → Checkbox.css} +14 -0
- package/dist/stories/checkbox/Checkbox.d.ts +30 -2
- package/dist/stories/checkbox/Checkbox.js +91 -83
- package/dist/stories/checkbox/Checkbox.js.map +1 -1
- package/dist/stories/checkbox/Checkbox.module.scss.js +1 -1
- package/dist/stories/codeinput/CodeInput.d.ts +1 -2
- package/dist/stories/codeinput/CodeInput.js +100 -93
- package/dist/stories/codeinput/CodeInput.js.map +1 -1
- package/dist/stories/codeinput/CodeInput.module.scss.js +1 -1
- package/dist/stories/combobox/Combobox.d.ts +9 -4
- package/dist/stories/combobox/Combobox.js +13 -2
- package/dist/stories/combobox/Combobox.js.map +1 -1
- package/dist/stories/dialog/Dialog.module.scss.js +1 -1
- package/dist/stories/drawer/Drawer.d.ts +9 -0
- package/dist/stories/drawer/Drawer.js +11 -0
- package/dist/stories/drawer/Drawer.js.map +1 -1
- package/dist/stories/drawer/Drawer.module.scss.js +1 -1
- package/dist/stories/field/Field.js +6 -6
- package/dist/stories/field/Field.js.map +1 -1
- package/dist/stories/informationaltooltip/InformationalTooltip.module.scss.js +1 -1
- package/dist/stories/input/Input.d.ts +39 -2
- package/dist/stories/input/Input.js.map +1 -1
- package/dist/stories/input/Input.module.scss.js +1 -1
- package/dist/stories/markdown/Markdown.module.scss.js +1 -1
- package/dist/stories/markdowneditor/FixedToolbar.module.scss.js +1 -1
- package/dist/stories/markdowneditor/FloatingToolbar.module.scss.js +1 -1
- package/dist/stories/markdowneditor/LinkPopover.module.scss.js +1 -1
- package/dist/stories/markdowneditor/MarkdownEditor.d.ts +10 -2
- package/dist/stories/markdowneditor/MarkdownEditor.js +5 -4
- package/dist/stories/markdowneditor/MarkdownEditor.js.map +1 -1
- package/dist/stories/markdowneditor/MarkdownEditor.module.scss.js +1 -1
- package/dist/stories/markdowneditor/ToolbarButton.module.scss.js +1 -1
- package/dist/stories/menu/{Menu.module.css → Menu.css} +3 -0
- package/dist/stories/menu/Menu.d.ts +5 -2
- package/dist/stories/menu/Menu.js +4 -10
- package/dist/stories/menu/Menu.js.map +1 -1
- package/dist/stories/menu/Menu.module.scss.js +1 -1
- package/dist/stories/popover/Popover.module.scss.js +1 -1
- package/dist/stories/select/{Select.module.css → Select.css} +3 -0
- package/dist/stories/select/Select.d.ts +19 -14
- package/dist/stories/select/Select.js +249 -240
- package/dist/stories/select/Select.js.map +1 -1
- package/dist/stories/select/Select.module.scss.js +1 -1
- package/dist/stories/styledlink/StyledLink.module.scss.js +1 -1
- package/dist/stories/table/Table.module.scss.js +1 -1
- package/dist/stories/tabs/Tabs.d.ts +10 -4
- package/dist/stories/tabs/Tabs.js +1 -3
- package/dist/stories/tabs/Tabs.js.map +1 -1
- package/dist/stories/tabs/Tabs.module.scss.js +1 -1
- package/dist/stories/tag/Tag.module.scss.js +1 -1
- package/dist/stories/text/Text.module.scss.js +1 -1
- package/dist/stories/text/Typography.module.css.js +1 -1
- package/dist/stories/tilt/Tilt.module.scss.js +1 -1
- package/dist/stories/toast/Toast.module.scss.js +1 -1
- package/dist/stories/utility/TextWhenString.d.ts +3 -3
- package/dist/stories/utility/TextWhenString.js +2 -3
- package/dist/stories/utility/TextWhenString.js.map +1 -1
- package/dist/styles.css +41 -1
- package/package.json +2 -2
- /package/dist/stories/accordion/{Accordion.module.css → Accordion.css} +0 -0
- /package/dist/stories/avatar/{Avatar.module.css → Avatar.css} +0 -0
- /package/dist/stories/callout/{Callout.module.css → Callout.css} +0 -0
- /package/dist/stories/card/{Card.module.css → Card.css} +0 -0
- /package/dist/stories/codeinput/{CodeInput.module.css → CodeInput.css} +0 -0
- /package/dist/stories/dialog/{Dialog.module.css → Dialog.css} +0 -0
- /package/dist/stories/drawer/{Drawer.module.css → Drawer.css} +0 -0
- /package/dist/stories/informationaltooltip/{InformationalTooltip.module.css → InformationalTooltip.css} +0 -0
- /package/dist/stories/input/{Input.module.css → Input.css} +0 -0
- /package/dist/stories/markdown/{Markdown.module.css → Markdown.css} +0 -0
- /package/dist/stories/markdowneditor/{FixedToolbar.module.css → FixedToolbar.css} +0 -0
- /package/dist/stories/markdowneditor/{FloatingToolbar.module.css → FloatingToolbar.css} +0 -0
- /package/dist/stories/markdowneditor/{LinkPopover.module.css → LinkPopover.css} +0 -0
- /package/dist/stories/markdowneditor/{MarkdownEditor.module.css → MarkdownEditor.css} +0 -0
- /package/dist/stories/markdowneditor/{ToolbarButton.module.css → ToolbarButton.css} +0 -0
- /package/dist/stories/popover/{Popover.module.css → Popover.css} +0 -0
- /package/dist/stories/styledlink/{StyledLink.module.css → StyledLink.css} +0 -0
- /package/dist/stories/table/{Table.module.css → Table.css} +0 -0
- /package/dist/stories/tabs/{Tabs.module.css → Tabs.css} +0 -0
- /package/dist/stories/tag/{Tag.module.css → Tag.css} +0 -0
- /package/dist/stories/text/{Text.module.css → Text.css} +0 -0
- /package/dist/stories/text/{Typography.module.css → Typography.css} +0 -0
- /package/dist/stories/tilt/{Tilt.module.css → Tilt.css} +0 -0
- /package/dist/stories/toast/{Toast.module.css → Toast.css} +0 -0
package/dist/styles.css
CHANGED
|
@@ -139,6 +139,9 @@
|
|
|
139
139
|
.paris_root_66wcQ.paris_open_FCY1A {
|
|
140
140
|
border-color: var(--pte-new-colors-borderUltrastrong);
|
|
141
141
|
}
|
|
142
|
+
.paris_root_66wcQ[data-status=error] {
|
|
143
|
+
border-color: var(--pte-new-colors-inputBorderNegative);
|
|
144
|
+
}
|
|
142
145
|
|
|
143
146
|
.paris_header_PKn63 {
|
|
144
147
|
padding: 10px 12px;
|
|
@@ -312,6 +315,23 @@
|
|
|
312
315
|
color: var(--pte-new-colors-contentDisabled);
|
|
313
316
|
}
|
|
314
317
|
|
|
318
|
+
/*
|
|
319
|
+
* NOTIFICATION DOT
|
|
320
|
+
*/
|
|
321
|
+
.paris_notificationDot_JqrZa {
|
|
322
|
+
position: absolute;
|
|
323
|
+
top: 0;
|
|
324
|
+
right: 0;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.paris_hasNotificationDot_uHVND[aria-disabled=false].paris_primary_WZ3V2 {
|
|
328
|
+
background-color: var(--pte-new-colors-buttonFillHover);
|
|
329
|
+
border-color: var(--pte-new-colors-buttonFillHover);
|
|
330
|
+
}
|
|
331
|
+
.paris_hasNotificationDot_uHVND[aria-disabled=false].paris_secondary_PPwS-, .paris_hasNotificationDot_uHVND[aria-disabled=false].paris_tertiary_YxJ8t {
|
|
332
|
+
background-color: var(--pte-new-colors-overlayMedium);
|
|
333
|
+
}
|
|
334
|
+
|
|
315
335
|
/*
|
|
316
336
|
* SIZE
|
|
317
337
|
*/
|
|
@@ -476,7 +496,7 @@
|
|
|
476
496
|
border-radius: var(--pte-borders-radius-rounded);
|
|
477
497
|
background-color: var(--pte-new-colors-surfacePrimary);
|
|
478
498
|
box-shadow: var(--pte-new-lighting-subtlePopup);
|
|
479
|
-
border: 1px solid
|
|
499
|
+
border: 1px solid transparent;
|
|
480
500
|
}
|
|
481
501
|
.paris_raised_GtoCs:hover {
|
|
482
502
|
background-color: var(--pte-new-colors-overlayStrong);
|
|
@@ -578,6 +598,9 @@
|
|
|
578
598
|
.paris_root_w6zlF.paris_default_qtbVz[data-disabled=true] {
|
|
579
599
|
border-color: var(--pte-new-colors-contentDisabled);
|
|
580
600
|
}
|
|
601
|
+
.paris_root_w6zlF.paris_default_qtbVz[data-status=error] {
|
|
602
|
+
border-color: var(--pte-new-colors-inputBorderNegative);
|
|
603
|
+
}
|
|
581
604
|
.paris_root_w6zlF.paris_default_qtbVz span {
|
|
582
605
|
transition: var(--pte-animations-interaction);
|
|
583
606
|
}
|
|
@@ -630,6 +653,13 @@
|
|
|
630
653
|
.paris_root_w6zlF.paris_panel_UJPWZ[data-state=checked] .paris_box_YbOZP, .paris_root_w6zlF.paris_panel_UJPWZ[data-state=indeterminate] .paris_box_YbOZP {
|
|
631
654
|
display: none;
|
|
632
655
|
}
|
|
656
|
+
.paris_root_w6zlF.paris_surface_8yt4c[data-status=error], .paris_root_w6zlF.paris_panel_UJPWZ[data-status=error] {
|
|
657
|
+
outline: 1px solid var(--pte-new-colors-inputBorderNegative);
|
|
658
|
+
outline-offset: -1px;
|
|
659
|
+
}
|
|
660
|
+
.paris_root_w6zlF.paris_surface_8yt4c[data-status=error] .paris_box_YbOZP, .paris_root_w6zlF.paris_panel_UJPWZ[data-status=error] .paris_box_YbOZP {
|
|
661
|
+
border-color: var(--pte-new-colors-inputBorderNegative);
|
|
662
|
+
}
|
|
633
663
|
|
|
634
664
|
.paris_indicator_GKuuB {
|
|
635
665
|
cursor: default;
|
|
@@ -667,6 +697,10 @@
|
|
|
667
697
|
.paris_switchContainer_e6qHl[data-disabled=true][data-checked], .paris_switchContainer_e6qHl[data-disabled=true][data-state=indeterminate] {
|
|
668
698
|
background-color: var(--pte-new-colors-contentInverseTertiary);
|
|
669
699
|
}
|
|
700
|
+
.paris_switchContainer_e6qHl[data-status=error] {
|
|
701
|
+
outline: 1px solid var(--pte-new-colors-inputBorderNegative);
|
|
702
|
+
outline-offset: 2px;
|
|
703
|
+
}
|
|
670
704
|
.paris_switchContainer_e6qHl:hover {
|
|
671
705
|
background-color: var(--pte-new-colors-contentSecondary);
|
|
672
706
|
}
|
|
@@ -2356,6 +2390,9 @@
|
|
|
2356
2390
|
opacity: 1;
|
|
2357
2391
|
transform: translateY(0);
|
|
2358
2392
|
}
|
|
2393
|
+
.paris_menuItems_QbqR7:empty {
|
|
2394
|
+
display: none;
|
|
2395
|
+
}
|
|
2359
2396
|
.paris_menuItems_QbqR7[data-closed] {
|
|
2360
2397
|
opacity: 0;
|
|
2361
2398
|
transform: translateY(-8px);
|
|
@@ -2452,6 +2489,9 @@
|
|
|
2452
2489
|
box-shadow: var(--pte-new-lighting-deepBelow);
|
|
2453
2490
|
transition: opacity var(--pte-animations-interaction), transform var(--pte-animations-interaction);
|
|
2454
2491
|
}
|
|
2492
|
+
.paris_options_OCbX8:empty {
|
|
2493
|
+
display: none;
|
|
2494
|
+
}
|
|
2455
2495
|
.paris_options_OCbX8[data-closed] {
|
|
2456
2496
|
opacity: 0;
|
|
2457
2497
|
transform: translateY(-8px);
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "paris",
|
|
3
3
|
"author": "Sanil Chawla <sanil@slingshot.fm> (https://sanil.co)",
|
|
4
4
|
"description": "Paris is Slingshot's React design system. It's a collection of reusable components, design tokens, and guidelines that help us build consistent, accessible, and performant user interfaces.",
|
|
5
|
-
"version": "0.
|
|
5
|
+
"version": "0.25.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"sideEffects": [
|
|
8
8
|
"**/*.css",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"storybook"
|
|
32
32
|
],
|
|
33
33
|
"scripts": {
|
|
34
|
-
"build": "bun run generate:exports && vite build && node scripts/
|
|
34
|
+
"build": "bun run generate:exports && vite build && node scripts/postbuild.mjs",
|
|
35
35
|
"build:site": "next build",
|
|
36
36
|
"prepack": "bun run build",
|
|
37
37
|
"storybook": "storybook dev -p 6006",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|