@pepperui/tokens 1.2.0 → 1.3.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/_tokens.scss +2 -0
- package/dist/figma.json +8 -0
- package/dist/pepper_tokens.py +4 -2
- package/dist/tailwind.css +1 -0
- package/dist/tailwind.js +2 -1
- package/dist/tokens.css +2 -0
- package/package.json +3 -2
package/dist/_tokens.scss
CHANGED
|
@@ -156,6 +156,7 @@ $pui-shadow-sm: 0px 1px 2px 0px #0000000d;
|
|
|
156
156
|
$pui-shadow-lg: 0px 24px 48px -12px #0000002e;
|
|
157
157
|
$pui-shadow-xl: 0px 24px 64px 0px #1510511f;
|
|
158
158
|
$pui-shadow-xxl: 0px 32px 64px 0px #00000024;
|
|
159
|
+
$pui-shadow-xxl-soft: 0px 32px 64px -12px #00000024;
|
|
159
160
|
$pui-duration-instant: 50ms;
|
|
160
161
|
$pui-duration-fast: 150ms;
|
|
161
162
|
$pui-duration-medium: 200ms;
|
|
@@ -245,6 +246,7 @@ $pui-elevation-flat: 0px 1px 2px 0px #0000000d;
|
|
|
245
246
|
$pui-elevation-card: 0px 24px 48px -12px #0000002e;
|
|
246
247
|
$pui-elevation-floating: 0px 24px 64px 0px #1510511f;
|
|
247
248
|
$pui-elevation-modal: 0px 32px 64px 0px #00000024;
|
|
249
|
+
$pui-elevation-bar: 0px 32px 64px -12px #00000024;
|
|
248
250
|
$pui-motion-state: 150ms;
|
|
249
251
|
$pui-motion-move: 200ms;
|
|
250
252
|
$pui-motion-menu: 250ms;
|
package/dist/figma.json
CHANGED
|
@@ -4482,6 +4482,10 @@
|
|
|
4482
4482
|
"name": "shadow/xxl",
|
|
4483
4483
|
"type": "shadow"
|
|
4484
4484
|
},
|
|
4485
|
+
{
|
|
4486
|
+
"name": "shadow/xxl-soft",
|
|
4487
|
+
"type": "shadow"
|
|
4488
|
+
},
|
|
4485
4489
|
{
|
|
4486
4490
|
"name": "elevation/flat",
|
|
4487
4491
|
"type": "shadow"
|
|
@@ -4497,6 +4501,10 @@
|
|
|
4497
4501
|
{
|
|
4498
4502
|
"name": "elevation/modal",
|
|
4499
4503
|
"type": "shadow"
|
|
4504
|
+
},
|
|
4505
|
+
{
|
|
4506
|
+
"name": "elevation/bar",
|
|
4507
|
+
"type": "shadow"
|
|
4500
4508
|
}
|
|
4501
4509
|
]
|
|
4502
4510
|
}
|
package/dist/pepper_tokens.py
CHANGED
|
@@ -258,7 +258,8 @@ TOKENS = {
|
|
|
258
258
|
"sm": "0px 1px 2px 0px #0000000d",
|
|
259
259
|
"lg": "0px 24px 48px -12px #0000002e",
|
|
260
260
|
"xl": "0px 24px 64px 0px #1510511f",
|
|
261
|
-
"xxl": "0px 32px 64px 0px #00000024"
|
|
261
|
+
"xxl": "0px 32px 64px 0px #00000024",
|
|
262
|
+
"xxl-soft": "0px 32px 64px -12px #00000024"
|
|
262
263
|
},
|
|
263
264
|
"duration": {
|
|
264
265
|
"instant": "50ms",
|
|
@@ -503,7 +504,8 @@ TOKENS = {
|
|
|
503
504
|
"flat": "0px 1px 2px 0px #0000000d",
|
|
504
505
|
"card": "0px 24px 48px -12px #0000002e",
|
|
505
506
|
"floating": "0px 24px 64px 0px #1510511f",
|
|
506
|
-
"modal": "0px 32px 64px 0px #00000024"
|
|
507
|
+
"modal": "0px 32px 64px 0px #00000024",
|
|
508
|
+
"bar": "0px 32px 64px -12px #00000024"
|
|
507
509
|
},
|
|
508
510
|
"motion": {
|
|
509
511
|
"state": "150ms",
|
package/dist/tailwind.css
CHANGED
|
@@ -200,6 +200,7 @@
|
|
|
200
200
|
--shadow-pui-card: var(--pui-elevation-card);
|
|
201
201
|
--shadow-pui-floating: var(--pui-elevation-floating);
|
|
202
202
|
--shadow-pui-modal: var(--pui-elevation-modal);
|
|
203
|
+
--shadow-pui-bar: var(--pui-elevation-bar);
|
|
203
204
|
|
|
204
205
|
/* Motion — ease-pui-standard. Durations are not a theme namespace: duration-[var(--pui-motion-state)] */
|
|
205
206
|
--ease-pui-standard: var(--pui-easing-standard);
|
package/dist/tailwind.js
CHANGED
|
@@ -196,7 +196,8 @@ export default {
|
|
|
196
196
|
"sm": "0px 1px 2px 0px #0000000d",
|
|
197
197
|
"lg": "0px 24px 48px -12px #0000002e",
|
|
198
198
|
"xl": "0px 24px 64px 0px #1510511f",
|
|
199
|
-
"xxl": "0px 32px 64px 0px #00000024"
|
|
199
|
+
"xxl": "0px 32px 64px 0px #00000024",
|
|
200
|
+
"xxl-soft": "0px 32px 64px -12px #00000024"
|
|
200
201
|
},
|
|
201
202
|
"transitionDuration": {
|
|
202
203
|
"instant": "50ms",
|
package/dist/tokens.css
CHANGED
|
@@ -160,6 +160,7 @@
|
|
|
160
160
|
--pui-shadow-lg: 0px 24px 48px -12px #0000002e;
|
|
161
161
|
--pui-shadow-xl: 0px 24px 64px 0px #1510511f;
|
|
162
162
|
--pui-shadow-xxl: 0px 32px 64px 0px #00000024;
|
|
163
|
+
--pui-shadow-xxl-soft: 0px 32px 64px -12px #00000024;
|
|
163
164
|
--pui-duration-instant: 50ms;
|
|
164
165
|
--pui-duration-fast: 150ms;
|
|
165
166
|
--pui-duration-medium: 200ms;
|
|
@@ -249,6 +250,7 @@
|
|
|
249
250
|
--pui-elevation-card: 0px 24px 48px -12px #0000002e;
|
|
250
251
|
--pui-elevation-floating: 0px 24px 64px 0px #1510511f;
|
|
251
252
|
--pui-elevation-modal: 0px 32px 64px 0px #00000024;
|
|
253
|
+
--pui-elevation-bar: 0px 32px 64px -12px #00000024;
|
|
252
254
|
--pui-motion-state: 150ms;
|
|
253
255
|
--pui-motion-move: 200ms;
|
|
254
256
|
--pui-motion-menu: 250ms;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pepperui/tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "Pepper UI design tokens — the Mobupps design system. One source, seven outputs: CSS, SCSS, a Tailwind v3 preset, a Tailwind v4 theme, the shadcn variable map, Figma-import JSON and a Python module.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"private": false,
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
"./shadcn.css": "./dist/shadcn.css",
|
|
17
17
|
"./figma": "./dist/figma.json",
|
|
18
18
|
"./python": "./dist/pepper_tokens.py",
|
|
19
|
-
".": "./dist/tailwind.js"
|
|
19
|
+
".": "./dist/tailwind.js",
|
|
20
|
+
"./package.json": "./package.json"
|
|
20
21
|
},
|
|
21
22
|
"publishConfig": { "access": "public" },
|
|
22
23
|
"repository": { "type": "git", "url": "git+ssh://git@bitbucket.org/rashidmobupps/pepper-ui.git", "directory": "packages/tokens" },
|