@pathscale/ui 1.2.10 → 1.2.11

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 (125) hide show
  1. package/LICENSE +22 -22
  2. package/README.md +59 -59
  3. package/dist/components/accordion/Accordion.css +158 -158
  4. package/dist/components/alert/Alert.css +116 -116
  5. package/dist/components/avatar/Avatar.css +124 -124
  6. package/dist/components/badge/Badge.css +164 -164
  7. package/dist/components/breadcrumbs/Breadcrumbs.css +63 -63
  8. package/dist/components/button/Button.css +194 -194
  9. package/dist/components/button-group/ButtonGroup.css +117 -117
  10. package/dist/components/calendar/Calendar.css +258 -258
  11. package/dist/components/card/Card.css +110 -110
  12. package/dist/components/chatbubble/ChatBubble.css +164 -164
  13. package/dist/components/checkbox/Checkbox.css +183 -183
  14. package/dist/components/checkbox-group/CheckboxGroup.css +10 -10
  15. package/dist/components/chip/Chip.css +197 -197
  16. package/dist/components/close-button/CloseButton.css +81 -81
  17. package/dist/components/color-area/ColorArea.css +54 -54
  18. package/dist/components/color-field/ColorField.css +88 -88
  19. package/dist/components/color-picker/ColorPicker.css +28 -28
  20. package/dist/components/color-slider/ColorSlider.css +57 -57
  21. package/dist/components/color-swatch/ColorSwatch.css +84 -84
  22. package/dist/components/color-swatch-picker/ColorSwatchPicker.css +12 -12
  23. package/dist/components/color-wheel-flower/ColorWheelFlower.css +147 -147
  24. package/dist/components/combo-box/ComboBox.css +344 -344
  25. package/dist/components/date-field/DateField.css +215 -215
  26. package/dist/components/date-picker/DatePicker.css +143 -143
  27. package/dist/components/date-range-picker/DateRangePicker.css +149 -149
  28. package/dist/components/description/Description.css +10 -10
  29. package/dist/components/disclosure/Disclosure.css +84 -84
  30. package/dist/components/disclosure-group/DisclosureGroup.css +9 -9
  31. package/dist/components/drawer/Drawer.css +463 -463
  32. package/dist/components/dropdown/Dropdown.css +211 -211
  33. package/dist/components/empty-state/EmptyState.css +39 -39
  34. package/dist/components/error-message/ErrorMessage.css +20 -20
  35. package/dist/components/field-error/FieldError.css +27 -27
  36. package/dist/components/fieldset/Fieldset.css +30 -30
  37. package/dist/components/flex/Flex.css +5 -5
  38. package/dist/components/floating-dock/FloatingDock.css +208 -208
  39. package/dist/components/footer/footer.css +51 -51
  40. package/dist/components/form/Form.css +5 -5
  41. package/dist/components/glass-panel/GlassPanel.css +359 -359
  42. package/dist/components/glow-card/GlowCard.css +100 -100
  43. package/dist/components/grid/Grid.css +5 -5
  44. package/dist/components/header/Header.css +13 -13
  45. package/dist/components/icon/Icon.css +10 -10
  46. package/dist/components/immersive-landing/ImmersiveLanding.css +565 -565
  47. package/dist/components/input/Input.css +155 -155
  48. package/dist/components/input-group/InputGroup.css +172 -172
  49. package/dist/components/input-otp/InputOTP.css +170 -170
  50. package/dist/components/kbd/Kbd.css +60 -60
  51. package/dist/components/label/Label.css +30 -30
  52. package/dist/components/language-switcher/LanguageSwitcher.css +56 -56
  53. package/dist/components/link/Link.css +131 -131
  54. package/dist/components/list-box/ListBox.css +148 -148
  55. package/dist/components/live-chat/LiveChat.css +324 -324
  56. package/dist/components/menu/Menu.css +199 -199
  57. package/dist/components/metal-border/MetalBorder.classes.d.ts +26 -0
  58. package/dist/components/metal-border/MetalBorder.classes.js +27 -0
  59. package/dist/components/metal-border/MetalBorder.css +40 -0
  60. package/dist/components/metal-border/MetalBorder.d.ts +20 -0
  61. package/dist/components/metal-border/MetalBorder.js +322 -0
  62. package/dist/components/metal-border/engine/color.d.ts +4 -0
  63. package/dist/components/metal-border/engine/color.js +69 -0
  64. package/dist/components/metal-border/engine/glow/geometry.d.ts +35 -0
  65. package/dist/components/metal-border/engine/glow/geometry.js +176 -0
  66. package/dist/components/metal-border/engine/glow/glow.d.ts +38 -0
  67. package/dist/components/metal-border/engine/glow/glow.js +246 -0
  68. package/dist/components/metal-border/engine/index.d.ts +4 -0
  69. package/dist/components/metal-border/engine/index.js +2 -0
  70. package/dist/components/metal-border/engine/perfConfig.d.ts +9 -0
  71. package/dist/components/metal-border/engine/perfConfig.js +10 -0
  72. package/dist/components/metal-border/engine/presets.d.ts +57 -0
  73. package/dist/components/metal-border/engine/presets.js +214 -0
  74. package/dist/components/metal-border/engine/renderer/core.d.ts +69 -0
  75. package/dist/components/metal-border/engine/renderer/core.js +156 -0
  76. package/dist/components/metal-border/engine/renderer/loop.d.ts +30 -0
  77. package/dist/components/metal-border/engine/renderer/loop.js +248 -0
  78. package/dist/components/metal-border/engine/renderer/sampling.d.ts +14 -0
  79. package/dist/components/metal-border/engine/renderer/sampling.js +145 -0
  80. package/dist/components/metal-border/engine/shaders.d.ts +36 -0
  81. package/dist/components/metal-border/engine/shaders.js +215 -0
  82. package/dist/components/metal-border/engine/tween.d.ts +17 -0
  83. package/dist/components/metal-border/engine/tween.js +28 -0
  84. package/dist/components/metal-border/index.d.ts +2 -0
  85. package/dist/components/metal-border/index.js +1 -0
  86. package/dist/components/meter/Meter.css +89 -89
  87. package/dist/components/modal/Modal.css +320 -320
  88. package/dist/components/navbar/Navbar.css +110 -110
  89. package/dist/components/noise-background/NoiseBackground.css +66 -66
  90. package/dist/components/number-field/NumberField.css +198 -198
  91. package/dist/components/pagination/Pagination.css +121 -121
  92. package/dist/components/popover/Popover.css +117 -117
  93. package/dist/components/progress-bar/ProgressBar.css +104 -104
  94. package/dist/components/progress-circle/ProgressCircle.css +82 -82
  95. package/dist/components/radio/Radio.css +129 -129
  96. package/dist/components/radio-group/RadioGroup.css +58 -58
  97. package/dist/components/range-calendar/RangeCalendar.css +51 -51
  98. package/dist/components/scroll-shadow/ScrollShadow.css +93 -93
  99. package/dist/components/search-field/SearchField.css +183 -183
  100. package/dist/components/select/Select.css +284 -284
  101. package/dist/components/separator/Separator.css +35 -35
  102. package/dist/components/skeleton/Skeleton.css +95 -95
  103. package/dist/components/slider/Slider.css +122 -122
  104. package/dist/components/spinner/Spinner.css +131 -131
  105. package/dist/components/surface/Surface.css +37 -37
  106. package/dist/components/table/Table.css +426 -426
  107. package/dist/components/tabs/Tabs.css +203 -203
  108. package/dist/components/tag/Tag.css +121 -121
  109. package/dist/components/tag-group/TagGroup.css +22 -22
  110. package/dist/components/text/Text.css +66 -66
  111. package/dist/components/text-area/TextArea.css +95 -95
  112. package/dist/components/text-field/TextField.css +33 -33
  113. package/dist/components/time-field/TimeField.css +215 -215
  114. package/dist/components/toast/Toast.css +344 -344
  115. package/dist/components/toggle/Toggle.css +237 -237
  116. package/dist/components/toolbar/Toolbar.css +55 -55
  117. package/dist/components/tooltip/Tooltip.css +153 -153
  118. package/dist/index.css +74 -74
  119. package/dist/index.d.ts +2 -0
  120. package/dist/index.js +1 -0
  121. package/dist/purge-manifest.json +15100 -14847
  122. package/dist/styles/base/index.css +43 -43
  123. package/dist/styles/themes/dark.css +141 -141
  124. package/dist/styles/themes/light.css +143 -143
  125. package/package.json +2 -2
package/dist/components/navbar/Navbar.css CHANGED
@@ -1,110 +1,110 @@
1
- @layer components {
2
- .navbar {
3
- position: relative;
4
- display: flex;
5
- width: 100%;
6
- min-height: 4rem;
7
- align-items: center;
8
- gap: 0.5rem;
9
- padding: 0.5rem;
10
- }
11
-
12
- .navbar__section {
13
- display: inline-flex;
14
- align-items: center;
15
- gap: 0.5rem;
16
- }
17
-
18
- .navbar__section--start {
19
- width: 50%;
20
- justify-content: flex-start;
21
- }
22
-
23
- .navbar__section--center {
24
- flex-shrink: 0;
25
- justify-content: center;
26
- }
27
-
28
- .navbar__section--end {
29
- width: 50%;
30
- justify-content: flex-end;
31
- }
32
-
33
- .navbar__stack {
34
- display: flex;
35
- width: 100%;
36
- flex-direction: column;
37
- }
38
-
39
- .navbar__stack--sticky {
40
- position: sticky;
41
- top: 0;
42
- z-index: 30;
43
- }
44
-
45
- .navbar__stack--container {
46
- width: 100%;
47
- max-width: 80rem;
48
- margin-inline: auto;
49
- padding-inline: 1rem;
50
- }
51
-
52
- .navbar__row {
53
- display: flex;
54
- width: 100%;
55
- align-items: center;
56
- }
57
-
58
- .navbar__row--bordered {
59
- border-bottom: 1px solid color-mix(in oklab, var(--color-base-content) 16%, transparent);
60
- }
61
-
62
- .navbar__row--padded {
63
- padding: 0.5rem 1rem;
64
- }
65
-
66
- .navbar__row--ghost {
67
- background-color: var(--color-base-100);
68
- color: var(--color-base-content);
69
- }
70
-
71
- .navbar__row--neutral {
72
- background-color: var(--color-neutral);
73
- color: var(--color-neutral-content);
74
- }
75
-
76
- .navbar__row--primary {
77
- background-color: var(--color-primary);
78
- color: var(--color-primary-content);
79
- }
80
-
81
- .navbar__row--secondary {
82
- background-color: var(--color-secondary);
83
- color: var(--color-secondary-content);
84
- }
85
-
86
- .navbar__row--accent {
87
- background-color: var(--color-accent);
88
- color: var(--color-accent-content);
89
- }
90
-
91
- .navbar__row--info {
92
- background-color: var(--color-info);
93
- color: var(--color-info-content);
94
- }
95
-
96
- .navbar__row--success {
97
- background-color: var(--color-success);
98
- color: var(--color-success-foreground);
99
- }
100
-
101
- .navbar__row--warning {
102
- background-color: var(--color-warning);
103
- color: var(--color-warning-foreground);
104
- }
105
-
106
- .navbar__row--error {
107
- background-color: var(--color-error);
108
- color: var(--color-error-foreground);
109
- }
110
- }
1
+ @layer components {
2
+ .navbar {
3
+ position: relative;
4
+ display: flex;
5
+ width: 100%;
6
+ min-height: 4rem;
7
+ align-items: center;
8
+ gap: 0.5rem;
9
+ padding: 0.5rem;
10
+ }
11
+
12
+ .navbar__section {
13
+ display: inline-flex;
14
+ align-items: center;
15
+ gap: 0.5rem;
16
+ }
17
+
18
+ .navbar__section--start {
19
+ width: 50%;
20
+ justify-content: flex-start;
21
+ }
22
+
23
+ .navbar__section--center {
24
+ flex-shrink: 0;
25
+ justify-content: center;
26
+ }
27
+
28
+ .navbar__section--end {
29
+ width: 50%;
30
+ justify-content: flex-end;
31
+ }
32
+
33
+ .navbar__stack {
34
+ display: flex;
35
+ width: 100%;
36
+ flex-direction: column;
37
+ }
38
+
39
+ .navbar__stack--sticky {
40
+ position: sticky;
41
+ top: 0;
42
+ z-index: 30;
43
+ }
44
+
45
+ .navbar__stack--container {
46
+ width: 100%;
47
+ max-width: 80rem;
48
+ margin-inline: auto;
49
+ padding-inline: 1rem;
50
+ }
51
+
52
+ .navbar__row {
53
+ display: flex;
54
+ width: 100%;
55
+ align-items: center;
56
+ }
57
+
58
+ .navbar__row--bordered {
59
+ border-bottom: 1px solid color-mix(in oklab, var(--color-base-content) 16%, transparent);
60
+ }
61
+
62
+ .navbar__row--padded {
63
+ padding: 0.5rem 1rem;
64
+ }
65
+
66
+ .navbar__row--ghost {
67
+ background-color: var(--color-base-100);
68
+ color: var(--color-base-content);
69
+ }
70
+
71
+ .navbar__row--neutral {
72
+ background-color: var(--color-neutral);
73
+ color: var(--color-neutral-content);
74
+ }
75
+
76
+ .navbar__row--primary {
77
+ background-color: var(--color-primary);
78
+ color: var(--color-primary-content);
79
+ }
80
+
81
+ .navbar__row--secondary {
82
+ background-color: var(--color-secondary);
83
+ color: var(--color-secondary-content);
84
+ }
85
+
86
+ .navbar__row--accent {
87
+ background-color: var(--color-accent);
88
+ color: var(--color-accent-content);
89
+ }
90
+
91
+ .navbar__row--info {
92
+ background-color: var(--color-info);
93
+ color: var(--color-info-content);
94
+ }
95
+
96
+ .navbar__row--success {
97
+ background-color: var(--color-success);
98
+ color: var(--color-success-foreground);
99
+ }
100
+
101
+ .navbar__row--warning {
102
+ background-color: var(--color-warning);
103
+ color: var(--color-warning-foreground);
104
+ }
105
+
106
+ .navbar__row--error {
107
+ background-color: var(--color-error);
108
+ color: var(--color-error-foreground);
109
+ }
110
+ }
package/dist/components/noise-background/NoiseBackground.css CHANGED
@@ -1,66 +1,66 @@
1
- @layer components {
2
- .noise-background {
3
- position: relative;
4
- overflow: hidden;
5
- background: var(--color-base-200);
6
- backdrop-filter: blur(4px);
7
- box-shadow:
8
- 0 1px 0 0 var(--color-base-300) inset,
9
- 0 1px 0 0 var(--color-base-100);
10
- }
11
-
12
- .noise-background--backdrop-blur::after {
13
- content: "";
14
- position: absolute;
15
- inset: 0;
16
- width: 100%;
17
- height: 100%;
18
- backdrop-filter: blur(16px);
19
- pointer-events: none;
20
- }
21
-
22
- .noise-background__layer {
23
- position: absolute;
24
- inset: 0;
25
- }
26
-
27
- .noise-background__layer--0 {
28
- opacity: 0.4;
29
- }
30
-
31
- .noise-background__layer--1 {
32
- opacity: 0.3;
33
- }
34
-
35
- .noise-background__layer--2 {
36
- opacity: 0.25;
37
- }
38
-
39
- .noise-background__strip {
40
- position: absolute;
41
- top: 0;
42
- inset-inline: 0;
43
- height: 0.25rem;
44
- opacity: 0.8;
45
- filter: blur(4px);
46
- }
47
-
48
- .noise-background__noise-wrap {
49
- pointer-events: none;
50
- position: absolute;
51
- inset: 0;
52
- overflow: hidden;
53
- }
54
-
55
- .noise-background__noise-image {
56
- width: 100%;
57
- height: 100%;
58
- object-fit: cover;
59
- mix-blend-mode: overlay;
60
- }
61
-
62
- .noise-background__content {
63
- position: relative;
64
- z-index: 10;
65
- }
66
- }
1
+ @layer components {
2
+ .noise-background {
3
+ position: relative;
4
+ overflow: hidden;
5
+ background: var(--color-base-200);
6
+ backdrop-filter: blur(4px);
7
+ box-shadow:
8
+ 0 1px 0 0 var(--color-base-300) inset,
9
+ 0 1px 0 0 var(--color-base-100);
10
+ }
11
+
12
+ .noise-background--backdrop-blur::after {
13
+ content: "";
14
+ position: absolute;
15
+ inset: 0;
16
+ width: 100%;
17
+ height: 100%;
18
+ backdrop-filter: blur(16px);
19
+ pointer-events: none;
20
+ }
21
+
22
+ .noise-background__layer {
23
+ position: absolute;
24
+ inset: 0;
25
+ }
26
+
27
+ .noise-background__layer--0 {
28
+ opacity: 0.4;
29
+ }
30
+
31
+ .noise-background__layer--1 {
32
+ opacity: 0.3;
33
+ }
34
+
35
+ .noise-background__layer--2 {
36
+ opacity: 0.25;
37
+ }
38
+
39
+ .noise-background__strip {
40
+ position: absolute;
41
+ top: 0;
42
+ inset-inline: 0;
43
+ height: 0.25rem;
44
+ opacity: 0.8;
45
+ filter: blur(4px);
46
+ }
47
+
48
+ .noise-background__noise-wrap {
49
+ pointer-events: none;
50
+ position: absolute;
51
+ inset: 0;
52
+ overflow: hidden;
53
+ }
54
+
55
+ .noise-background__noise-image {
56
+ width: 100%;
57
+ height: 100%;
58
+ object-fit: cover;
59
+ mix-blend-mode: overlay;
60
+ }
61
+
62
+ .noise-background__content {
63
+ position: relative;
64
+ z-index: 10;
65
+ }
66
+ }