@okshaun/components 1.0.2 → 2.0.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/dist/.mcp.json +2 -5
- package/dist/icon-metadata.json +5173 -0
- package/dist/index.js +17126 -9342
- package/dist/index.js.map +1 -1
- package/dist/panda.buildinfo.json +693 -0
- package/dist/playroom-static.css +187432 -0
- package/dist/{preset-DCCViEDs.js → preset-Coz-VwQR.js} +3535 -2697
- package/dist/preset-Coz-VwQR.js.map +1 -0
- package/dist/preset.js +1 -1
- package/dist/specs/color-palette.json +22 -1
- package/dist/specs/patterns.json +0 -16
- package/dist/specs/recipes.json +411 -247
- package/dist/specs/semantic-tokens.json +330 -115
- package/dist/specs/text-styles.json +72 -0
- package/dist/specs/tokens.json +237 -27
- package/dist/sprite.svg +1 -1
- package/dist/sprite.symbol.html +6662 -320
- package/dist/styles.css +36938 -5
- package/dist/svgs/calendar-lock.svg +1 -0
- package/dist/svgs/computer.svg +1 -0
- package/dist/svgs/cookie.svg +1 -0
- package/dist/svgs/folder-check.svg +1 -0
- package/dist/svgs/folder-copy.svg +1 -0
- package/dist/svgs/folder-dashed.svg +1 -0
- package/dist/svgs/folder-open.svg +1 -0
- package/dist/svgs/folder-topic.svg +1 -0
- package/dist/svgs/folder.svg +1 -0
- package/dist/svgs/mobile.svg +1 -0
- package/dist/svgs/numpad.svg +1 -0
- package/dist/svgs/phone.svg +1 -0
- package/dist/svgs/qr-code.svg +1 -0
- package/dist/svgs/sparkle.svg +1 -0
- package/dist/svgs/trolley.svg +1 -0
- package/dist/types/index.d.ts +836 -342
- package/package.json +49 -24
- package/src/recipes/avatar.ts +98 -98
- package/src/recipes/badge.ts +22 -39
- package/src/recipes/box.ts +1 -7
- package/src/recipes/breadcrumbs.ts +42 -25
- package/src/recipes/button.ts +151 -85
- package/src/recipes/card.ts +5 -1
- package/src/recipes/checkbox.ts +23 -24
- package/src/recipes/checkboxInput.ts +25 -0
- package/src/recipes/chip.ts +35 -37
- package/src/recipes/code.ts +4 -4
- package/src/recipes/datePicker.ts +223 -0
- package/src/recipes/divider.ts +38 -32
- package/src/recipes/formField.ts +41 -23
- package/src/recipes/highlightText.ts +14 -0
- package/src/recipes/icon.ts +13 -0
- package/src/recipes/list.ts +14 -0
- package/src/recipes/listItem.ts +310 -0
- package/src/recipes/listItemGroup.ts +62 -0
- package/src/recipes/menu.ts +90 -163
- package/src/recipes/modal.ts +55 -25
- package/src/recipes/radio.ts +29 -20
- package/src/recipes/radioInput.ts +25 -0
- package/src/recipes/recipes-regular.ts +14 -0
- package/src/recipes/recipes-slot.ts +19 -0
- package/src/recipes/select.ts +1 -1
- package/src/recipes/spinner.ts +49 -23
- package/src/recipes/tag.ts +80 -84
- package/src/recipes/text.ts +18 -19
- package/src/recipes/textInput.ts +205 -0
- package/src/recipes/textarea.ts +65 -138
- package/src/recipes/themeSwitcher.ts +3 -3
- package/src/recipes/timePicker.ts +199 -0
- package/src/recipes/toggle.ts +72 -99
- package/src/recipes/toggleInput.ts +26 -0
- package/src/recipes/tooltip.ts +52 -343
- package/src/styles/index.css +1 -1
- package/src/styles/primitives/borders.ts +7 -1
- package/src/styles/primitives/colors.ts +51 -0
- package/src/styles/primitives/fontSizes.ts +1 -0
- package/src/styles/primitives/index.ts +2 -1
- package/src/styles/primitives/shadows.ts +9 -9
- package/src/styles/primitives/sizes.ts +1 -0
- package/src/styles/primitives/zIndex.ts +17 -0
- package/src/styles/semantics/colors.ts +137 -82
- package/src/styles/semantics/index.ts +1 -0
- package/src/styles/semantics/zIndex.ts +18 -0
- package/src/styles/utilities/breakpoints.ts +6 -6
- package/src/styles/utilities/index.ts +3 -0
- package/src/styles/utilities/textStyles.ts +70 -0
- package/src/utils/splitProps.ts +3 -3
- package/dist/preset-DCCViEDs.js.map +0 -1
- package/dist/styles/global.css +0 -148
- package/dist/styles/recipes/avatar.css +0 -185
- package/dist/styles/recipes/badge.css +0 -85
- package/dist/styles/recipes/breadcrumbs.css +0 -38
- package/dist/styles/recipes/button.css +0 -195
- package/dist/styles/recipes/card.css +0 -57
- package/dist/styles/recipes/checkbox-input.css +0 -12
- package/dist/styles/recipes/checkbox.css +0 -90
- package/dist/styles/recipes/chip.css +0 -137
- package/dist/styles/recipes/code.css +0 -12
- package/dist/styles/recipes/divider.css +0 -40
- package/dist/styles/recipes/form-field.css +0 -39
- package/dist/styles/recipes/heading.css +0 -40
- package/dist/styles/recipes/icon-button.css +0 -181
- package/dist/styles/recipes/label.css +0 -14
- package/dist/styles/recipes/link.css +0 -49
- package/dist/styles/recipes/menu.css +0 -141
- package/dist/styles/recipes/modal.css +0 -99
- package/dist/styles/recipes/pre.css +0 -16
- package/dist/styles/recipes/radio-input.css +0 -7
- package/dist/styles/recipes/radio.css +0 -82
- package/dist/styles/recipes/select.css +0 -103
- package/dist/styles/recipes/spinner.css +0 -36
- package/dist/styles/recipes/tag.css +0 -27
- package/dist/styles/recipes/text.css +0 -46
- package/dist/styles/recipes/textarea.css +0 -91
- package/dist/styles/recipes/textinput.css +0 -87
- package/dist/styles/recipes/theme-switcher.css +0 -53
- package/dist/styles/recipes/toggle-input.css +0 -12
- package/dist/styles/recipes/toggle.css +0 -125
- package/dist/styles/recipes/tooltip.css +0 -133
- package/dist/styles/recipes.css +0 -30
- package/dist/styles/reset.css +0 -1
- package/dist/styles/tokens.css +0 -1016
- package/dist/styles/utilities.css +0 -1694
- package/src/recipes/checkboxinput.ts +0 -15
- package/src/recipes/index.ts +0 -28
- package/src/recipes/radioinput.ts +0 -12
- package/src/recipes/textinput.ts +0 -100
- package/src/recipes/toggleinput.ts +0 -16
- package/src/utils/injectSprite.ts +0 -36
- package/src/utils/spriteContent.ts +0 -4
package/dist/preset.js
CHANGED
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
"blue",
|
|
42
42
|
"border",
|
|
43
43
|
"border.focused",
|
|
44
|
+
"border.inverse",
|
|
44
45
|
"brand",
|
|
45
46
|
"current",
|
|
46
47
|
"darkNeutral",
|
|
@@ -48,6 +49,7 @@
|
|
|
48
49
|
"gray",
|
|
49
50
|
"green",
|
|
50
51
|
"icon",
|
|
52
|
+
"icon.danger",
|
|
51
53
|
"icon.decorative",
|
|
52
54
|
"icon.decorative.inverse",
|
|
53
55
|
"icon.warning",
|
|
@@ -61,10 +63,26 @@
|
|
|
61
63
|
"orange",
|
|
62
64
|
"purple",
|
|
63
65
|
"red",
|
|
66
|
+
"shadow",
|
|
67
|
+
"shadow.elevated",
|
|
68
|
+
"shadow.elevated.1",
|
|
69
|
+
"shadow.elevated.2",
|
|
70
|
+
"shadow.elevated.3",
|
|
71
|
+
"shadow.overflow",
|
|
72
|
+
"shadow.overflow.1",
|
|
73
|
+
"shadow.overflow.2",
|
|
74
|
+
"shadow.overlay",
|
|
75
|
+
"shadow.overlay.1",
|
|
76
|
+
"shadow.overlay.2",
|
|
77
|
+
"shadow.overlay.3",
|
|
78
|
+
"shadow.raised",
|
|
79
|
+
"shadow.raised.1",
|
|
80
|
+
"shadow.raised.2",
|
|
64
81
|
"slate",
|
|
65
82
|
"surface",
|
|
66
83
|
"surface.overlay",
|
|
67
84
|
"surface.raised",
|
|
85
|
+
"surface.selected",
|
|
68
86
|
"tan",
|
|
69
87
|
"teal",
|
|
70
88
|
"text",
|
|
@@ -81,9 +99,12 @@
|
|
|
81
99
|
"text.accent.tan",
|
|
82
100
|
"text.accent.teal",
|
|
83
101
|
"text.accent.yellow",
|
|
102
|
+
"text.danger",
|
|
103
|
+
"text.info",
|
|
104
|
+
"text.inverse",
|
|
105
|
+
"text.success",
|
|
84
106
|
"text.warning",
|
|
85
107
|
"transparent",
|
|
86
|
-
"utility",
|
|
87
108
|
"yellow"
|
|
88
109
|
],
|
|
89
110
|
"functionExamples": [
|
package/dist/specs/patterns.json
CHANGED
|
@@ -1,22 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "patterns",
|
|
3
3
|
"data": [
|
|
4
|
-
{
|
|
5
|
-
"name": "icon",
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "size",
|
|
9
|
-
"type": "\"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\" | \"12\" | \"14\" | \"16\" | \"20\" | \"22\" | \"24\" | \"32\" | \"40\" | \"48\" | \"56\" | \"64\" | \"72\" | \"80\" | \"88\" | \"96\" | \"104\" | \"112\" | \"120\" | \"128\" | \"136\" | \"144\" | \"152\" | \"160\" | \"168\" | \"176\" | \"184\" | \"192\" | \"200\" | \"208\" | \"216\" | \"224\" | \"232\" | \"240\" | \"248\" | \"256\" | \"264\" | \"272\" | \"280\" | \"full\" | \"half\" | \"min\" | \"max\" | \"fit\" | \"prose\" | \"auto\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"8xl\""
|
|
10
|
-
}
|
|
11
|
-
],
|
|
12
|
-
"jsx": "Icon",
|
|
13
|
-
"functionExamples": [
|
|
14
|
-
"icon({ size: \"0\" })"
|
|
15
|
-
],
|
|
16
|
-
"jsxExamples": [
|
|
17
|
-
"<Icon size={\"0\"} />"
|
|
18
|
-
]
|
|
19
|
-
},
|
|
20
4
|
{
|
|
21
5
|
"name": "flex",
|
|
22
6
|
"properties": [
|