@gsk_poc/components 0.1.3 → 0.1.5

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 (2) hide show
  1. package/package.json +2 -2
  2. package/styles/tokens.css +35 -35
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gsk_poc/components",
3
- "version": "0.1.3",
3
+ "version": "0.1.5",
4
4
  "description": "GSK custom component library with design tokens",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -40,7 +40,7 @@
40
40
  "react-dom": "^18.0.0 || ^19.0.0"
41
41
  },
42
42
  "dependencies": {
43
- "@gsk_poc/untitled-ui-base": "^0.1.3",
43
+ "@gsk_poc/untitled-ui-base": "^0.1.5",
44
44
  "@tailwindcss/vite": "^4.1.17",
45
45
  "react-is": "^19.2.1",
46
46
  "tailwind-merge": "^3.4.0",
package/styles/tokens.css CHANGED
@@ -724,12 +724,37 @@
724
724
  --component-colors-components-text-editor-text-editor-icon-fg: #a9a29d;
725
725
  --component-colors-components-text-editor-text-editor-icon-fg-active: #79716b;
726
726
  --component-colors-components-header-sections-brand-header-header-brand-text-secondary: #fac2ad;
727
- --container-padding-mobile: 16px;
728
- --container-padding-desktop: 32px;
729
- --container-max-width-desktop: 1280px;
730
- --approach-2-container-max-width: 1280px;
727
+ --width-xxs: 320px;
728
+ --width-xs: 384px;
729
+ --width-sm: 480px;
730
+ --width-md: 560px;
731
+ --width-lg: 640px;
732
+ --width-xl: 768px;
733
+ --width-2xl: 1024px;
734
+ --width-3xl: 1280px;
735
+ --width-4xl: 1440px;
736
+ --width-5xl: 1600px;
737
+ --width-6xl: 1920px;
738
+ --paragraph-max-width: 720px;
739
+ --spacing-none: 0px;
740
+ --spacing-xxs: 2px;
741
+ --spacing-xs: 4px;
742
+ --spacing-sm: 6px;
743
+ --spacing-md: 8px;
744
+ --spacing-lg: 12px;
745
+ --spacing-xl: 16px;
746
+ --spacing-2xl: 20px;
747
+ --spacing-3xl: 24px;
748
+ --spacing-4xl: 32px;
749
+ --spacing-5xl: 40px;
750
+ --spacing-6xl: 48px;
751
+ --spacing-7xl: 64px;
752
+ --spacing-8xl: 80px;
753
+ --spacing-9xl: 96px;
754
+ --spacing-10xl: 128px;
755
+ --spacing-11xl: 160px;
731
756
  --font-family-font-family-display: GSK Precision;
732
- --font-family-font-family-body: sans-serif;
757
+ --font-family-font-family-body: Arial;
733
758
  --font-weight-regular: Regular;
734
759
  --font-weight-regular-italic: Italic;
735
760
  --font-weight-medium: Regular;
@@ -764,44 +789,19 @@
764
789
  --line-height-display-lg: 60px;
765
790
  --line-height-display-xl: 72px;
766
791
  --line-height-display-2xl: 90px;
767
- --spacing-none: 0px;
768
- --spacing-xxs: 2px;
769
- --spacing-xs: 4px;
770
- --spacing-sm: 6px;
771
- --spacing-md: 8px;
772
- --spacing-lg: 12px;
773
- --spacing-xl: 16px;
774
- --spacing-2xl: 20px;
775
- --spacing-3xl: 24px;
776
- --spacing-4xl: 32px;
777
- --spacing-5xl: 40px;
778
- --spacing-6xl: 48px;
779
- --spacing-7xl: 64px;
780
- --spacing-8xl: 80px;
781
- --spacing-9xl: 96px;
782
- --spacing-10xl: 128px;
783
- --spacing-11xl: 160px;
784
792
  --radius-none: 0;
785
793
  --radius-xxs: 0.125rem;
786
794
  --radius-xs: 0.25rem;
787
795
  --radius-sm: 0.375rem;
788
- --radius-md: 1rem;
796
+ --radius-md: 0.5rem;
789
797
  --radius-lg: 0.625rem;
790
798
  --radius-xl: 0.75rem;
791
799
  --radius-2xl: 1rem;
792
800
  --radius-3xl: 1.25rem;
793
801
  --radius-4xl: 1.5rem;
794
802
  --radius-full: 9999px;
795
- --width-xxs: 320px;
796
- --width-xs: 384px;
797
- --width-sm: 480px;
798
- --width-md: 560px;
799
- --width-lg: 640px;
800
- --width-xl: 768px;
801
- --width-2xl: 1024px;
802
- --width-3xl: 1280px;
803
- --width-4xl: 1440px;
804
- --width-5xl: 1600px;
805
- --width-6xl: 1920px;
806
- --paragraph-max-width: 720px;
803
+ --container-padding-mobile: 16px;
804
+ --container-padding-desktop: 32px;
805
+ --container-max-width-desktop: 1280px;
806
+ --approach-2-container-max-width: 1280px;
807
807
  }