@frame-kit/tokens 0.1.9 → 0.1.10

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 (5) hide show
  1. package/base.css +9 -1
  2. package/index.d.ts +8 -0
  3. package/index.js +8 -0
  4. package/package.json +1 -1
  5. package/scss/tokens.base.scss +9 -1
package/base.css CHANGED
@@ -346,13 +346,21 @@
346
346
  background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
347
347
  /* Button icon */
348
348
  --fk-button-icon-gap: 0.5rem;
349
- /* Button sizes */
349
+ /* Button sizes (xxsm · xsm · sm · md · lg · xlg · xxlg) */
350
+ --fk-button-padding-xxsm: 0.125rem 0.375rem;
351
+ --fk-button-padding-xsm: 0.25rem 0.625rem;
350
352
  --fk-button-padding-sm: 0.375rem 0.75rem;
351
353
  --fk-button-padding-md: 0.5rem 1rem;
352
354
  --fk-button-padding-lg: 0.625rem 1.25rem;
355
+ --fk-button-padding-xlg: 0.75rem 1.5rem;
356
+ --fk-button-padding-xxlg: 0.875rem 1.75rem;
357
+ --fk-button-font-size-xxsm: 0.6875rem;
358
+ --fk-button-font-size-xsm: 0.75rem;
353
359
  --fk-button-font-size-sm: 0.875rem;
354
360
  --fk-button-font-size-md: 1rem;
355
361
  --fk-button-font-size-lg: 1.125rem;
362
+ --fk-button-font-size-xlg: 1.25rem;
363
+ --fk-button-font-size-xxlg: 1.375rem;
356
364
  /* Button variant: primary */
357
365
  --fk-button-primary-bg: var(--fk-color-primary);
358
366
  --fk-button-primary-bg-hover: var(--fk-color-primary-hover);
package/index.d.ts CHANGED
@@ -279,12 +279,20 @@ export type FkTokenName =
279
279
  | '--fk-button-opacity-disabled'
280
280
  | '--fk-button-transition'
281
281
  | '--fk-button-icon-gap'
282
+ | '--fk-button-padding-xxsm'
283
+ | '--fk-button-padding-xsm'
282
284
  | '--fk-button-padding-sm'
283
285
  | '--fk-button-padding-md'
284
286
  | '--fk-button-padding-lg'
287
+ | '--fk-button-padding-xlg'
288
+ | '--fk-button-padding-xxlg'
289
+ | '--fk-button-font-size-xxsm'
290
+ | '--fk-button-font-size-xsm'
285
291
  | '--fk-button-font-size-sm'
286
292
  | '--fk-button-font-size-md'
287
293
  | '--fk-button-font-size-lg'
294
+ | '--fk-button-font-size-xlg'
295
+ | '--fk-button-font-size-xxlg'
288
296
  | '--fk-button-primary-bg'
289
297
  | '--fk-button-primary-bg-hover'
290
298
  | '--fk-button-primary-bg-active'
package/index.js CHANGED
@@ -279,12 +279,20 @@ export const tokens = {
279
279
  '--fk-button-opacity-disabled': "0.6",
280
280
  '--fk-button-transition': "background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease",
281
281
  '--fk-button-icon-gap': "0.5rem",
282
+ '--fk-button-padding-xxsm': "0.125rem 0.375rem",
283
+ '--fk-button-padding-xsm': "0.25rem 0.625rem",
282
284
  '--fk-button-padding-sm': "0.375rem 0.75rem",
283
285
  '--fk-button-padding-md': "0.5rem 1rem",
284
286
  '--fk-button-padding-lg': "0.625rem 1.25rem",
287
+ '--fk-button-padding-xlg': "0.75rem 1.5rem",
288
+ '--fk-button-padding-xxlg': "0.875rem 1.75rem",
289
+ '--fk-button-font-size-xxsm': "0.6875rem",
290
+ '--fk-button-font-size-xsm': "0.75rem",
285
291
  '--fk-button-font-size-sm': "0.875rem",
286
292
  '--fk-button-font-size-md': "1rem",
287
293
  '--fk-button-font-size-lg': "1.125rem",
294
+ '--fk-button-font-size-xlg': "1.25rem",
295
+ '--fk-button-font-size-xxlg': "1.375rem",
288
296
  '--fk-button-primary-bg': "var(--fk-color-primary)",
289
297
  '--fk-button-primary-bg-hover': "var(--fk-color-primary-hover)",
290
298
  '--fk-button-primary-bg-active': "var(--fk-color-primary-active)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frame-kit/tokens",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "description": "Default design tokens (CSS custom properties) and dark theme for FrameKit.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/scss/tokens.base.scss CHANGED
@@ -405,13 +405,21 @@
405
405
  /* Button icon */
406
406
  --fk-button-icon-gap: 0.5rem;
407
407
 
408
- /* Button sizes */
408
+ /* Button sizes (xxsm · xsm · sm · md · lg · xlg · xxlg) */
409
+ --fk-button-padding-xxsm: 0.125rem 0.375rem;
410
+ --fk-button-padding-xsm: 0.25rem 0.625rem;
409
411
  --fk-button-padding-sm: 0.375rem 0.75rem;
410
412
  --fk-button-padding-md: 0.5rem 1rem;
411
413
  --fk-button-padding-lg: 0.625rem 1.25rem;
414
+ --fk-button-padding-xlg: 0.75rem 1.5rem;
415
+ --fk-button-padding-xxlg: 0.875rem 1.75rem;
416
+ --fk-button-font-size-xxsm: 0.6875rem;
417
+ --fk-button-font-size-xsm: 0.75rem;
412
418
  --fk-button-font-size-sm: 0.875rem;
413
419
  --fk-button-font-size-md: 1rem;
414
420
  --fk-button-font-size-lg: 1.125rem;
421
+ --fk-button-font-size-xlg: 1.25rem;
422
+ --fk-button-font-size-xxlg: 1.375rem;
415
423
 
416
424
  /* Button variant: primary */
417
425
  --fk-button-primary-bg: var(--fk-color-primary);