@channel.io/bezier-tokens 0.1.0-alpha.3 → 0.1.0-alpha.4

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 (9) hide show
  1. package/dist/cjs/global.js +0 -3
  2. package/dist/css/styles.css +22 -14
  3. package/dist/esm/global.mjs +0 -3
  4. package/dist/types/cjs/global.d.ts +0 -3
  5. package/dist/types/cjs/index.d.ts +0 -3
  6. package/dist/types/esm/global.d.mts +0 -3
  7. package/dist/types/esm/index.d.mts +0 -3
  8. package/dist/types/esm/index.d.mts.map +1 -1
  9. package/package.json +1 -1
package/dist/cjs/global.js CHANGED
@@ -176,15 +176,12 @@ module.exports = {
176
176
  "radius-4": "4px",
177
177
  "radius-6": "6px",
178
178
  "radius-8": "8px",
179
- "radius-10": "10px",
180
179
  "radius-12": "12px",
181
- "radius-14": "14px",
182
180
  "radius-16": "16px",
183
181
  "radius-20": "20px",
184
182
  "radius-32": "32px",
185
183
  "radius-44": "44px",
186
184
  "radius-42-p": "42%",
187
- "radius-100-p": "100%",
188
185
  },
189
186
  "transition": {
190
187
  "transition-timing-function-default": "cubic-bezier(0.3, 0, 0, 1)",
package/dist/css/styles.css CHANGED
@@ -102,6 +102,17 @@
102
102
  --bg-white-low: var(--grey-800);
103
103
  --bg-white-normal: var(--grey-900);
104
104
  --bg-white-high: var(--grey-700);
105
+ --input-box-shadow-invalid: 0 0 0 3px var(--bgtxt-orange-light), inset 0 0 0 1px var(--bgtxt-orange-normal);
106
+ --input-box-shadow-focused: 0 0 0 3px var(--bgtxt-blue-light), inset 0 0 0 1px var(--bgtxt-blue-normal);
107
+ --input-box-shadow: 0 1px 2px 0 var(--bg-black-lighter), inset 0 0 0 1px var(--bg-black-dark);
108
+ --ev-base: 0 0 2px 0 var(--shdw-base);
109
+ --ev-inner: inset 0 0 2px 0 var(--shdw-inner-base);
110
+ --ev-6: var(--ev-inner), var(--ev-base), 0 12px 60px 0 var(--shdw-xlarge);
111
+ --ev-5: var(--ev-inner), var(--ev-base), 0 6px 40px 0 var(--shdw-xlarge);
112
+ --ev-4: var(--ev-inner), var(--ev-base), 0 4px 20px 0 var(--shdw-large);
113
+ --ev-3: var(--ev-inner), var(--ev-base), 0 4px 12px 0 var(--shdw-medium);
114
+ --ev-2: var(--ev-inner), var(--ev-base), 0 2px 6px 0 var(--shdw-small);
115
+ --ev-1: var(--ev-inner), var(--ev-base), 0 1px 2px 0 var(--shdw-small);
105
116
  }
106
117
 
107
118
  :where(:root, :host) {
@@ -117,15 +128,12 @@
117
128
  --transition-duration-m: 300ms;
118
129
  --transition-duration-s: 150ms;
119
130
  --transition-timing-function-default: cubic-bezier(0.3, 0, 0, 1);
120
- --radius-100-p: 100%;
121
131
  --radius-42-p: 42%;
122
132
  --radius-44: 44px;
123
133
  --radius-32: 32px;
124
134
  --radius-20: 20px;
125
135
  --radius-16: 16px;
126
- --radius-14: 14px;
127
136
  --radius-12: 12px;
128
- --radius-10: 10px;
129
137
  --radius-8: 8px;
130
138
  --radius-6: 6px;
131
139
  --radius-4: 4px;
@@ -330,17 +338,6 @@
330
338
  --transition-l: var(--transition-duration-l) var(--transition-timing-function-default);
331
339
  --transition-m: var(--transition-duration-m) var(--transition-timing-function-default);
332
340
  --transition-s: var(--transition-duration-s) var(--transition-timing-function-default);
333
- --input-box-shadow-invalid: 0 0 0 3px var(--bgtxt-orange-light), inset 0 0 0 1px var(--bgtxt-orange-normal);
334
- --input-box-shadow-focused: 0 0 0 3px var(--bgtxt-blue-light), inset 0 0 0 1px var(--bgtxt-blue-normal);
335
- --input-box-shadow: 0 1px 2px 0 var(--bg-black-lighter), inset 0 0 0 1px var(--bg-black-dark);
336
- --ev-base: 0 0 2px 0 var(--shdw-base);
337
- --ev-inner: inset 0 0 2px 0 var(--shdw-inner-base);
338
- --ev-6: var(--ev-inner), var(--ev-base), 0 12px 60px 0 var(--shdw-xlarge);
339
- --ev-5: var(--ev-inner), var(--ev-base), 0 6px 40px 0 var(--shdw-xlarge);
340
- --ev-4: var(--ev-inner), var(--ev-base), 0 4px 20px 0 var(--shdw-large);
341
- --ev-3: var(--ev-inner), var(--ev-base), 0 4px 12px 0 var(--shdw-medium);
342
- --ev-2: var(--ev-inner), var(--ev-base), 0 2px 6px 0 var(--shdw-small);
343
- --ev-1: var(--ev-inner), var(--ev-base), 0 1px 2px 0 var(--shdw-small);
344
341
  }
345
342
 
346
343
  :where(:root, :host), [data-bezier-theme="light"] {
@@ -447,4 +444,15 @@
447
444
  --bg-white-low: var(--white-100);
448
445
  --bg-white-normal: var(--white-100);
449
446
  --bg-white-high: var(--white-100);
447
+ --input-box-shadow-invalid: 0 0 0 3px var(--bgtxt-orange-light), inset 0 0 0 1px var(--bgtxt-orange-normal);
448
+ --input-box-shadow-focused: 0 0 0 3px var(--bgtxt-blue-light), inset 0 0 0 1px var(--bgtxt-blue-normal);
449
+ --input-box-shadow: 0 1px 2px 0 var(--bg-black-lighter), inset 0 0 0 1px var(--bg-black-dark);
450
+ --ev-base: 0 0 2px 0 var(--shdw-base);
451
+ --ev-inner: inset 0 0 2px 0 var(--shdw-inner-base);
452
+ --ev-6: var(--ev-inner), var(--ev-base), 0 12px 60px 0 var(--shdw-xlarge);
453
+ --ev-5: var(--ev-inner), var(--ev-base), 0 6px 40px 0 var(--shdw-xlarge);
454
+ --ev-4: var(--ev-inner), var(--ev-base), 0 4px 20px 0 var(--shdw-large);
455
+ --ev-3: var(--ev-inner), var(--ev-base), 0 4px 12px 0 var(--shdw-medium);
456
+ --ev-2: var(--ev-inner), var(--ev-base), 0 2px 6px 0 var(--shdw-small);
457
+ --ev-1: var(--ev-inner), var(--ev-base), 0 1px 2px 0 var(--shdw-small);
450
458
  }
package/dist/esm/global.mjs CHANGED
@@ -176,15 +176,12 @@ export default {
176
176
  "radius-4": "4px",
177
177
  "radius-6": "6px",
178
178
  "radius-8": "8px",
179
- "radius-10": "10px",
180
179
  "radius-12": "12px",
181
- "radius-14": "14px",
182
180
  "radius-16": "16px",
183
181
  "radius-20": "20px",
184
182
  "radius-32": "32px",
185
183
  "radius-44": "44px",
186
184
  "radius-42-p": "42%",
187
- "radius-100-p": "100%",
188
185
  },
189
186
  "transition": {
190
187
  "transition-timing-function-default": "cubic-bezier(0.3, 0, 0, 1)",
package/dist/types/cjs/global.d.ts CHANGED
@@ -176,15 +176,12 @@ declare const _exports: {
176
176
  "radius-4": string;
177
177
  "radius-6": string;
178
178
  "radius-8": string;
179
- "radius-10": string;
180
179
  "radius-12": string;
181
- "radius-14": string;
182
180
  "radius-16": string;
183
181
  "radius-20": string;
184
182
  "radius-32": string;
185
183
  "radius-44": string;
186
184
  "radius-42-p": string;
187
- "radius-100-p": string;
188
185
  };
189
186
  transition: {
190
187
  "transition-timing-function-default": string;
package/dist/types/cjs/index.d.ts CHANGED
@@ -299,15 +299,12 @@ export const tokens: Readonly<{
299
299
  "radius-4": string;
300
300
  "radius-6": string;
301
301
  "radius-8": string;
302
- "radius-10": string;
303
302
  "radius-12": string;
304
- "radius-14": string;
305
303
  "radius-16": string;
306
304
  "radius-20": string;
307
305
  "radius-32": string;
308
306
  "radius-44": string;
309
307
  "radius-42-p": string;
310
- "radius-100-p": string;
311
308
  };
312
309
  transition: {
313
310
  "transition-timing-function-default": string;
package/dist/types/esm/global.d.mts CHANGED
@@ -176,15 +176,12 @@ declare const _default: {
176
176
  "radius-4": string;
177
177
  "radius-6": string;
178
178
  "radius-8": string;
179
- "radius-10": string;
180
179
  "radius-12": string;
181
- "radius-14": string;
182
180
  "radius-16": string;
183
181
  "radius-20": string;
184
182
  "radius-32": string;
185
183
  "radius-44": string;
186
184
  "radius-42-p": string;
187
- "radius-100-p": string;
188
185
  };
189
186
  transition: {
190
187
  "transition-timing-function-default": string;
package/dist/types/esm/index.d.mts CHANGED
@@ -299,15 +299,12 @@ export const tokens: Readonly<{
299
299
  "radius-4": string;
300
300
  "radius-6": string;
301
301
  "radius-8": string;
302
- "radius-10": string;
303
302
  "radius-12": string;
304
- "radius-14": string;
305
303
  "radius-16": string;
306
304
  "radius-20": string;
307
305
  "radius-32": string;
308
306
  "radius-44": string;
309
307
  "radius-42-p": string;
310
- "radius-100-p": string;
311
308
  };
312
309
  transition: {
313
310
  "transition-timing-function-default": string;
package/dist/types/esm/index.d.mts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../esm/index.mjs"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIG"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../esm/index.mjs"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIG"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@channel.io/bezier-tokens",
3
- "version": "0.1.0-alpha.3",
3
+ "version": "0.1.0-alpha.4",
4
4
  "description": "Design tokens for Bezier design system.",
5
5
  "repository": {
6
6
  "type": "git",