@sentropic/design-system-themes 0.10.0 → 0.10.1

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 (4) hide show
  1. package/css/entropic.css +21 -3
  2. package/css/forge.css +21 -3
  3. package/css/sent-tech.css +21 -3
  4. package/package.json +2 -2
package/css/entropic.css CHANGED
@@ -294,18 +294,21 @@
294
294
  --st-component-button-anatomy-density-sm-gap: 0.375rem;
295
295
  --st-component-button-anatomy-density-sm-minWidth: 2rem;
296
296
  --st-component-button-anatomy-density-sm-fontSize: 0.875rem;
297
+ --st-component-button-anatomy-density-sm-paddingInlineEnd: 0.75rem;
297
298
  --st-component-button-anatomy-density-md-controlHeight: 2.5rem;
298
299
  --st-component-button-anatomy-density-md-paddingBlock: 0;
299
300
  --st-component-button-anatomy-density-md-paddingInline: 1rem;
300
301
  --st-component-button-anatomy-density-md-gap: 0.5rem;
301
302
  --st-component-button-anatomy-density-md-minWidth: 2.5rem;
302
303
  --st-component-button-anatomy-density-md-fontSize: 0.9375rem;
304
+ --st-component-button-anatomy-density-md-paddingInlineEnd: 1rem;
303
305
  --st-component-button-anatomy-density-lg-controlHeight: 3rem;
304
306
  --st-component-button-anatomy-density-lg-paddingBlock: 0;
305
307
  --st-component-button-anatomy-density-lg-paddingInline: 1.25rem;
306
308
  --st-component-button-anatomy-density-lg-gap: 0.5rem;
307
309
  --st-component-button-anatomy-density-lg-minWidth: 3rem;
308
310
  --st-component-button-anatomy-density-lg-fontSize: 1rem;
311
+ --st-component-button-anatomy-density-lg-paddingInlineEnd: 1.25rem;
309
312
  --st-component-button-anatomy-typography-family: var(--st-font-sans);
310
313
  --st-component-button-anatomy-typography-size: 0.9375rem;
311
314
  --st-component-button-anatomy-typography-weight: 600;
@@ -373,10 +376,10 @@
373
376
  --st-component-card-anatomy-shape-borderWidth: 1px;
374
377
  --st-component-card-anatomy-shape-borderStyle: solid;
375
378
  --st-component-card-anatomy-typography-family: var(--st-font-sans);
376
- --st-component-card-anatomy-typography-size: 1rem;
379
+ --st-component-card-anatomy-typography-size: inherit;
377
380
  --st-component-card-anatomy-typography-weight: 400;
378
- --st-component-card-anatomy-typography-lineHeight: 1.5;
379
- --st-component-card-anatomy-typography-letterSpacing: 0;
381
+ --st-component-card-anatomy-typography-lineHeight: normal;
382
+ --st-component-card-anatomy-typography-letterSpacing: normal;
380
383
  --st-component-card-anatomy-typography-textTransform: none;
381
384
  --st-component-card-anatomy-typography-textDecoration: none;
382
385
  --st-component-card-anatomy-typography-decorationThickness: auto;
@@ -484,6 +487,12 @@
484
487
  --st-component-control-anatomy-field-borderRight: 1px solid #e2e8f0;
485
488
  --st-component-control-anatomy-field-borderBottom: 1px solid #e2e8f0;
486
489
  --st-component-control-anatomy-field-borderLeft: 1px solid #e2e8f0;
490
+ --st-component-control-anatomy-field-radiusTop: 0.375rem;
491
+ --st-component-control-anatomy-field-underline: none;
492
+ --st-component-control-anatomy-field-focusShadow: none;
493
+ --st-component-control-anatomy-field-selectAppearance: auto;
494
+ --st-component-control-anatomy-field-selectChevron: none;
495
+ --st-component-control-anatomy-field-selectPaddingRight: 2rem;
487
496
  --st-component-control-anatomy-states-hover-border: #94a3b8;
488
497
  --st-component-control-anatomy-states-focus-border: oklch(50% 0.134 242.749);
489
498
  --st-component-control-anatomy-states-disabled-bg: #f8fafc;
@@ -538,10 +547,19 @@
538
547
  --st-component-dataTable-captionText: #475569;
539
548
  --st-component-dataTable-radius: 0.5rem;
540
549
  --st-component-tabs-activeText: #0f172a;
550
+ --st-component-tabs-activeBackground: transparent;
551
+ --st-component-tabs-activeWeight: 600;
541
552
  --st-component-tabs-inactiveText: #475569;
542
553
  --st-component-tabs-border: #e2e8f0;
543
554
  --st-component-tabs-indicator: oklch(50% 0.134 242.749);
544
555
  --st-component-tabs-panelBackground: #ffffff;
556
+ --st-component-tabs-tabPaddingBlock: 0.75rem;
557
+ --st-component-tabs-tabPaddingInline: 0.25rem;
558
+ --st-component-tabs-tabFontSize: inherit;
559
+ --st-component-tabs-tabLineHeight: 1.2;
560
+ --st-component-tabs-activeBorderTopWidth: 0;
561
+ --st-component-tabs-activeBorderBottomWidth: 1px;
562
+ --st-component-tabs-activeShadow: none;
545
563
  --st-component-tabs-anatomy-shape-radius: 0;
546
564
  --st-component-tabs-anatomy-shape-borderWidth: 1px;
547
565
  --st-component-tabs-anatomy-shape-borderStyle: solid;
package/css/forge.css CHANGED
@@ -294,18 +294,21 @@
294
294
  --st-component-button-anatomy-density-sm-gap: 0.375rem;
295
295
  --st-component-button-anatomy-density-sm-minWidth: 2rem;
296
296
  --st-component-button-anatomy-density-sm-fontSize: 0.875rem;
297
+ --st-component-button-anatomy-density-sm-paddingInlineEnd: 0.75rem;
297
298
  --st-component-button-anatomy-density-md-controlHeight: 2.5rem;
298
299
  --st-component-button-anatomy-density-md-paddingBlock: 0;
299
300
  --st-component-button-anatomy-density-md-paddingInline: 1rem;
300
301
  --st-component-button-anatomy-density-md-gap: 0.5rem;
301
302
  --st-component-button-anatomy-density-md-minWidth: 2.5rem;
302
303
  --st-component-button-anatomy-density-md-fontSize: 0.9375rem;
304
+ --st-component-button-anatomy-density-md-paddingInlineEnd: 1rem;
303
305
  --st-component-button-anatomy-density-lg-controlHeight: 3rem;
304
306
  --st-component-button-anatomy-density-lg-paddingBlock: 0;
305
307
  --st-component-button-anatomy-density-lg-paddingInline: 1.25rem;
306
308
  --st-component-button-anatomy-density-lg-gap: 0.5rem;
307
309
  --st-component-button-anatomy-density-lg-minWidth: 3rem;
308
310
  --st-component-button-anatomy-density-lg-fontSize: 1rem;
311
+ --st-component-button-anatomy-density-lg-paddingInlineEnd: 1.25rem;
309
312
  --st-component-button-anatomy-typography-family: var(--st-font-sans);
310
313
  --st-component-button-anatomy-typography-size: 0.9375rem;
311
314
  --st-component-button-anatomy-typography-weight: 600;
@@ -373,10 +376,10 @@
373
376
  --st-component-card-anatomy-shape-borderWidth: 1px;
374
377
  --st-component-card-anatomy-shape-borderStyle: solid;
375
378
  --st-component-card-anatomy-typography-family: var(--st-font-sans);
376
- --st-component-card-anatomy-typography-size: 1rem;
379
+ --st-component-card-anatomy-typography-size: inherit;
377
380
  --st-component-card-anatomy-typography-weight: 400;
378
- --st-component-card-anatomy-typography-lineHeight: 1.5;
379
- --st-component-card-anatomy-typography-letterSpacing: 0;
381
+ --st-component-card-anatomy-typography-lineHeight: normal;
382
+ --st-component-card-anatomy-typography-letterSpacing: normal;
380
383
  --st-component-card-anatomy-typography-textTransform: none;
381
384
  --st-component-card-anatomy-typography-textDecoration: none;
382
385
  --st-component-card-anatomy-typography-decorationThickness: auto;
@@ -484,6 +487,12 @@
484
487
  --st-component-control-anatomy-field-borderRight: 1px solid #e2e8f0;
485
488
  --st-component-control-anatomy-field-borderBottom: 1px solid #e2e8f0;
486
489
  --st-component-control-anatomy-field-borderLeft: 1px solid #e2e8f0;
490
+ --st-component-control-anatomy-field-radiusTop: 0.375rem;
491
+ --st-component-control-anatomy-field-underline: none;
492
+ --st-component-control-anatomy-field-focusShadow: none;
493
+ --st-component-control-anatomy-field-selectAppearance: auto;
494
+ --st-component-control-anatomy-field-selectChevron: none;
495
+ --st-component-control-anatomy-field-selectPaddingRight: 2rem;
487
496
  --st-component-control-anatomy-states-hover-border: #94a3b8;
488
497
  --st-component-control-anatomy-states-focus-border: oklch(50% 0.134 242.749);
489
498
  --st-component-control-anatomy-states-disabled-bg: #f8fafc;
@@ -538,10 +547,19 @@
538
547
  --st-component-dataTable-captionText: #475569;
539
548
  --st-component-dataTable-radius: 0.5rem;
540
549
  --st-component-tabs-activeText: #0f172a;
550
+ --st-component-tabs-activeBackground: transparent;
551
+ --st-component-tabs-activeWeight: 600;
541
552
  --st-component-tabs-inactiveText: #475569;
542
553
  --st-component-tabs-border: #e2e8f0;
543
554
  --st-component-tabs-indicator: hsl(215 70% 25%);
544
555
  --st-component-tabs-panelBackground: #ffffff;
556
+ --st-component-tabs-tabPaddingBlock: 0.75rem;
557
+ --st-component-tabs-tabPaddingInline: 0.25rem;
558
+ --st-component-tabs-tabFontSize: inherit;
559
+ --st-component-tabs-tabLineHeight: 1.2;
560
+ --st-component-tabs-activeBorderTopWidth: 0;
561
+ --st-component-tabs-activeBorderBottomWidth: 1px;
562
+ --st-component-tabs-activeShadow: none;
545
563
  --st-component-tabs-anatomy-shape-radius: 0;
546
564
  --st-component-tabs-anatomy-shape-borderWidth: 1px;
547
565
  --st-component-tabs-anatomy-shape-borderStyle: solid;
package/css/sent-tech.css CHANGED
@@ -294,18 +294,21 @@
294
294
  --st-component-button-anatomy-density-sm-gap: 0.375rem;
295
295
  --st-component-button-anatomy-density-sm-minWidth: 2rem;
296
296
  --st-component-button-anatomy-density-sm-fontSize: 0.875rem;
297
+ --st-component-button-anatomy-density-sm-paddingInlineEnd: 0.75rem;
297
298
  --st-component-button-anatomy-density-md-controlHeight: 2.5rem;
298
299
  --st-component-button-anatomy-density-md-paddingBlock: 0;
299
300
  --st-component-button-anatomy-density-md-paddingInline: 1rem;
300
301
  --st-component-button-anatomy-density-md-gap: 0.5rem;
301
302
  --st-component-button-anatomy-density-md-minWidth: 2.5rem;
302
303
  --st-component-button-anatomy-density-md-fontSize: 0.9375rem;
304
+ --st-component-button-anatomy-density-md-paddingInlineEnd: 1rem;
303
305
  --st-component-button-anatomy-density-lg-controlHeight: 3rem;
304
306
  --st-component-button-anatomy-density-lg-paddingBlock: 0;
305
307
  --st-component-button-anatomy-density-lg-paddingInline: 1.25rem;
306
308
  --st-component-button-anatomy-density-lg-gap: 0.5rem;
307
309
  --st-component-button-anatomy-density-lg-minWidth: 3rem;
308
310
  --st-component-button-anatomy-density-lg-fontSize: 1rem;
311
+ --st-component-button-anatomy-density-lg-paddingInlineEnd: 1.25rem;
309
312
  --st-component-button-anatomy-typography-family: var(--st-font-sans);
310
313
  --st-component-button-anatomy-typography-size: 0.9375rem;
311
314
  --st-component-button-anatomy-typography-weight: 600;
@@ -373,10 +376,10 @@
373
376
  --st-component-card-anatomy-shape-borderWidth: 1px;
374
377
  --st-component-card-anatomy-shape-borderStyle: solid;
375
378
  --st-component-card-anatomy-typography-family: var(--st-font-sans);
376
- --st-component-card-anatomy-typography-size: 1rem;
379
+ --st-component-card-anatomy-typography-size: inherit;
377
380
  --st-component-card-anatomy-typography-weight: 400;
378
- --st-component-card-anatomy-typography-lineHeight: 1.5;
379
- --st-component-card-anatomy-typography-letterSpacing: 0;
381
+ --st-component-card-anatomy-typography-lineHeight: normal;
382
+ --st-component-card-anatomy-typography-letterSpacing: normal;
380
383
  --st-component-card-anatomy-typography-textTransform: none;
381
384
  --st-component-card-anatomy-typography-textDecoration: none;
382
385
  --st-component-card-anatomy-typography-decorationThickness: auto;
@@ -484,6 +487,12 @@
484
487
  --st-component-control-anatomy-field-borderRight: 1px solid #e2e8f0;
485
488
  --st-component-control-anatomy-field-borderBottom: 1px solid #e2e8f0;
486
489
  --st-component-control-anatomy-field-borderLeft: 1px solid #e2e8f0;
490
+ --st-component-control-anatomy-field-radiusTop: 0.375rem;
491
+ --st-component-control-anatomy-field-underline: none;
492
+ --st-component-control-anatomy-field-focusShadow: none;
493
+ --st-component-control-anatomy-field-selectAppearance: auto;
494
+ --st-component-control-anatomy-field-selectChevron: none;
495
+ --st-component-control-anatomy-field-selectPaddingRight: 2rem;
487
496
  --st-component-control-anatomy-states-hover-border: #94a3b8;
488
497
  --st-component-control-anatomy-states-focus-border: oklch(50% 0.134 242.749);
489
498
  --st-component-control-anatomy-states-disabled-bg: #f8fafc;
@@ -538,10 +547,19 @@
538
547
  --st-component-dataTable-captionText: #475569;
539
548
  --st-component-dataTable-radius: 0.5rem;
540
549
  --st-component-tabs-activeText: #0f172a;
550
+ --st-component-tabs-activeBackground: transparent;
551
+ --st-component-tabs-activeWeight: 600;
541
552
  --st-component-tabs-inactiveText: #475569;
542
553
  --st-component-tabs-border: #e2e8f0;
543
554
  --st-component-tabs-indicator: oklch(50% 0.134 242.749);
544
555
  --st-component-tabs-panelBackground: #ffffff;
556
+ --st-component-tabs-tabPaddingBlock: 0.75rem;
557
+ --st-component-tabs-tabPaddingInline: 0.25rem;
558
+ --st-component-tabs-tabFontSize: inherit;
559
+ --st-component-tabs-tabLineHeight: 1.2;
560
+ --st-component-tabs-activeBorderTopWidth: 0;
561
+ --st-component-tabs-activeBorderBottomWidth: 1px;
562
+ --st-component-tabs-activeShadow: none;
545
563
  --st-component-tabs-anatomy-shape-radius: 0;
546
564
  --st-component-tabs-anatomy-shape-borderWidth: 1px;
547
565
  --st-component-tabs-anatomy-shape-borderStyle: solid;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sentropic/design-system-themes",
3
- "version": "0.10.0",
3
+ "version": "0.10.1",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -29,7 +29,7 @@
29
29
  "css"
30
30
  ],
31
31
  "dependencies": {
32
- "@sentropic/design-system-tokens": "0.10.0"
32
+ "@sentropic/design-system-tokens": "0.10.1"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "tsc -p tsconfig.json && npm run build:css",