@wistia/vhs-design-tokens 2.0.1-beta.7e5ee7c3.85a8036 → 2.1.0-beta.073405d8.384122e

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 (6) hide show
  1. package/dist/css/design-tokens.css +9 -1
  2. package/dist/js/colorMetadata.js +219 -1
  3. package/dist/js/designTokens.js +9 -1
  4. package/dist/scss/_design-tokens.scss +9 -1
  5. package/index.d.ts +9 -0
  6. package/package.json +21 -17
package/dist/css/design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 Feb 2024 19:41:41 GMT
3
+ * Generated on Tue, 09 Jul 2024 11:36:19 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -65,6 +65,14 @@
65
65
  --color-yellow-600: #9ea00f;
66
66
  --color-yellow-700: #7c7e07;
67
67
  --color-yellow-800: #4a4d00;
68
+ --color-orange-100: #fff9f8;
69
+ --color-orange-200: #ffcaba;
70
+ --color-orange-300: #ff9d80;
71
+ --color-orange-400: #ff6c40;
72
+ --color-orange-500: #d1451a;
73
+ --color-orange-600: #b23009;
74
+ --color-orange-700: #80280d;
75
+ --color-orange-800: #4d1200;
68
76
  --color-grey-100: #f8f8f9;
69
77
  --color-grey-200: #ebebed;
70
78
  --color-grey-300: #dedee1;
package/dist/js/colorMetadata.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 Feb 2024 19:41:41 GMT
3
+ * Generated on Tue, 09 Jul 2024 11:36:20 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1531,6 +1531,224 @@ module.exports = {
1531
1531
  ]
1532
1532
  }
1533
1533
  },
1534
+ "orange": {
1535
+ "100": {
1536
+ "value": "#fff9f8",
1537
+ "conformance": {
1538
+ "black": "AAA",
1539
+ "white": null
1540
+ },
1541
+ "filePath": "tokens/color.yaml",
1542
+ "isSource": true,
1543
+ "original": {
1544
+ "value": "#FFF9F8",
1545
+ "conformance": {
1546
+ "black": "AAA",
1547
+ "white": null
1548
+ }
1549
+ },
1550
+ "name": "ColorOrange100",
1551
+ "attributes": {
1552
+ "category": "color",
1553
+ "type": "orange",
1554
+ "item": "100"
1555
+ },
1556
+ "path": [
1557
+ "color",
1558
+ "orange",
1559
+ "100"
1560
+ ]
1561
+ },
1562
+ "200": {
1563
+ "value": "#ffcaba",
1564
+ "conformance": {
1565
+ "black": "AAA",
1566
+ "white": null
1567
+ },
1568
+ "filePath": "tokens/color.yaml",
1569
+ "isSource": true,
1570
+ "original": {
1571
+ "value": "#FFCABA",
1572
+ "conformance": {
1573
+ "black": "AAA",
1574
+ "white": null
1575
+ }
1576
+ },
1577
+ "name": "ColorOrange200",
1578
+ "attributes": {
1579
+ "category": "color",
1580
+ "type": "orange",
1581
+ "item": "200"
1582
+ },
1583
+ "path": [
1584
+ "color",
1585
+ "orange",
1586
+ "200"
1587
+ ]
1588
+ },
1589
+ "300": {
1590
+ "value": "#ff9d80",
1591
+ "conformance": {
1592
+ "black": "AAA",
1593
+ "white": null
1594
+ },
1595
+ "filePath": "tokens/color.yaml",
1596
+ "isSource": true,
1597
+ "original": {
1598
+ "value": "#FF9D80",
1599
+ "conformance": {
1600
+ "black": "AAA",
1601
+ "white": null
1602
+ }
1603
+ },
1604
+ "name": "ColorOrange300",
1605
+ "attributes": {
1606
+ "category": "color",
1607
+ "type": "orange",
1608
+ "item": "300"
1609
+ },
1610
+ "path": [
1611
+ "color",
1612
+ "orange",
1613
+ "300"
1614
+ ]
1615
+ },
1616
+ "400": {
1617
+ "value": "#ff6c40",
1618
+ "conformance": {
1619
+ "black": "AAA",
1620
+ "white": null
1621
+ },
1622
+ "filePath": "tokens/color.yaml",
1623
+ "isSource": true,
1624
+ "original": {
1625
+ "value": "#FF6C40",
1626
+ "conformance": {
1627
+ "black": "AAA",
1628
+ "white": null
1629
+ }
1630
+ },
1631
+ "name": "ColorOrange400",
1632
+ "attributes": {
1633
+ "category": "color",
1634
+ "type": "orange",
1635
+ "item": "400"
1636
+ },
1637
+ "path": [
1638
+ "color",
1639
+ "orange",
1640
+ "400"
1641
+ ]
1642
+ },
1643
+ "500": {
1644
+ "value": "#d1451a",
1645
+ "conformance": {
1646
+ "black": "AA",
1647
+ "white": "AA"
1648
+ },
1649
+ "filePath": "tokens/color.yaml",
1650
+ "isSource": true,
1651
+ "original": {
1652
+ "value": "#D1451A",
1653
+ "conformance": {
1654
+ "black": "AA",
1655
+ "white": "AA"
1656
+ }
1657
+ },
1658
+ "name": "ColorOrange500",
1659
+ "attributes": {
1660
+ "category": "color",
1661
+ "type": "orange",
1662
+ "item": "500"
1663
+ },
1664
+ "path": [
1665
+ "color",
1666
+ "orange",
1667
+ "500"
1668
+ ]
1669
+ },
1670
+ "600": {
1671
+ "value": "#b23009",
1672
+ "conformance": {
1673
+ "black": null,
1674
+ "white": "AA"
1675
+ },
1676
+ "filePath": "tokens/color.yaml",
1677
+ "isSource": true,
1678
+ "original": {
1679
+ "value": "#B23009",
1680
+ "conformance": {
1681
+ "black": null,
1682
+ "white": "AA"
1683
+ }
1684
+ },
1685
+ "name": "ColorOrange600",
1686
+ "attributes": {
1687
+ "category": "color",
1688
+ "type": "orange",
1689
+ "item": "600"
1690
+ },
1691
+ "path": [
1692
+ "color",
1693
+ "orange",
1694
+ "600"
1695
+ ]
1696
+ },
1697
+ "700": {
1698
+ "value": "#80280d",
1699
+ "conformance": {
1700
+ "black": null,
1701
+ "white": "AAA"
1702
+ },
1703
+ "filePath": "tokens/color.yaml",
1704
+ "isSource": true,
1705
+ "original": {
1706
+ "value": "#80280D",
1707
+ "conformance": {
1708
+ "black": null,
1709
+ "white": "AAA"
1710
+ }
1711
+ },
1712
+ "name": "ColorOrange700",
1713
+ "attributes": {
1714
+ "category": "color",
1715
+ "type": "orange",
1716
+ "item": "700"
1717
+ },
1718
+ "path": [
1719
+ "color",
1720
+ "orange",
1721
+ "700"
1722
+ ]
1723
+ },
1724
+ "800": {
1725
+ "value": "#4d1200",
1726
+ "conformance": {
1727
+ "black": null,
1728
+ "white": "AAA"
1729
+ },
1730
+ "filePath": "tokens/color.yaml",
1731
+ "isSource": true,
1732
+ "original": {
1733
+ "value": "#4D1200",
1734
+ "conformance": {
1735
+ "black": null,
1736
+ "white": "AAA"
1737
+ }
1738
+ },
1739
+ "name": "ColorOrange800",
1740
+ "attributes": {
1741
+ "category": "color",
1742
+ "type": "orange",
1743
+ "item": "800"
1744
+ },
1745
+ "path": [
1746
+ "color",
1747
+ "orange",
1748
+ "800"
1749
+ ]
1750
+ }
1751
+ },
1534
1752
  "grey": {
1535
1753
  "100": {
1536
1754
  "value": "#f8f8f9",
package/dist/js/designTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 Feb 2024 19:41:41 GMT
3
+ * Generated on Tue, 09 Jul 2024 11:36:20 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -68,6 +68,14 @@ module.exports = {
68
68
  yellow600: '#9ea00f',
69
69
  yellow700: '#7c7e07',
70
70
  yellow800: '#4a4d00',
71
+ orange100: '#fff9f8',
72
+ orange200: '#ffcaba',
73
+ orange300: '#ff9d80',
74
+ orange400: '#ff6c40',
75
+ orange500: '#d1451a',
76
+ orange600: '#b23009',
77
+ orange700: '#80280d',
78
+ orange800: '#4d1200',
71
79
  grey100: '#f8f8f9',
72
80
  grey200: '#ebebed',
73
81
  grey300: '#dedee1',
package/dist/scss/_design-tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 14 Feb 2024 19:41:41 GMT
3
+ // Generated on Tue, 09 Jul 2024 11:36:19 GMT
4
4
 
5
5
  $breakpoint-xs: 0em;
6
6
  $breakpoint-sm: 37.5em;
@@ -63,6 +63,14 @@ $color-yellow-500: #bcbf19;
63
63
  $color-yellow-600: #9ea00f;
64
64
  $color-yellow-700: #7c7e07;
65
65
  $color-yellow-800: #4a4d00;
66
+ $color-orange-100: #fff9f8;
67
+ $color-orange-200: #ffcaba;
68
+ $color-orange-300: #ff9d80;
69
+ $color-orange-400: #ff6c40;
70
+ $color-orange-500: #d1451a;
71
+ $color-orange-600: #b23009;
72
+ $color-orange-700: #80280d;
73
+ $color-orange-800: #4d1200;
66
74
  $color-grey-100: #f8f8f9;
67
75
  $color-grey-200: #ebebed;
68
76
  $color-grey-300: #dedee1;
package/index.d.ts CHANGED
@@ -120,6 +120,15 @@ declare module '@wistia/vhs-design-tokens' {
120
120
  readonly yellow700: CSSHexString;
121
121
  readonly yellow800: CSSHexString;
122
122
 
123
+ readonly orange100: CSSHexString;
124
+ readonly orange200: CSSHexString;
125
+ readonly orange300: CSSHexString;
126
+ readonly orange400: CSSHexString;
127
+ readonly orange500: CSSHexString;
128
+ readonly orange600: CSSHexString;
129
+ readonly orange700: CSSHexString;
130
+ readonly orange800: CSSHexString;
131
+
123
132
  readonly grey100: CSSHexString;
124
133
  readonly grey200: CSSHexString;
125
134
  readonly grey300: CSSHexString;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wistia/vhs-design-tokens",
3
- "version": "2.0.1-beta.7e5ee7c3.85a8036",
3
+ "version": "2.1.0-beta.073405d8.384122e",
4
4
  "description": "VHS design tokens",
5
5
  "main": "index.js",
6
6
  "exports": {
@@ -18,24 +18,10 @@
18
18
  "build": "style-dictionary build --config ./config.cjs",
19
19
  "build:watch": "onchange \"./tokens/**/*.yaml\" -i -- yarn run build",
20
20
  "clean": "style-dictionary clean --config ./config.cjs",
21
- "lint": "eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
21
+ "lint": "node_modules/.bin/eslint --fix --report-unused-disable-directives --cache --ext js,mjs,cjs .",
22
22
  "outdated": "yarn upgrade-interactive",
23
23
  "prepare": "husky install && yarn run clean && yarn run build"
24
24
  },
25
- "dependencies": {
26
- "@karibash/pixel-units": "^2.3.0"
27
- },
28
- "devDependencies": {
29
- "@commitlint/cli": "^18.6.0",
30
- "@commitlint/config-conventional": "^18.6.0",
31
- "@wistia/eslint-config": "^0.30.0",
32
- "eslint": "^8.56.0",
33
- "husky": "^9.0.10",
34
- "js-yaml": "^4.1.0",
35
- "onchange": "^7.1.0",
36
- "prettier": "^2.8.8",
37
- "style-dictionary": "^3.9.2"
38
- },
39
25
  "author": "Wistia Engineering",
40
26
  "license": "UNLICENSED",
41
27
  "repository": {
@@ -46,5 +32,23 @@
46
32
  "url": "https://github.com/wistia/vhs-design-tokens/issues"
47
33
  },
48
34
  "homepage": "https://github.com/wistia/vhs-design-tokens#readme",
49
- "packageManager": "yarn@4.0.2"
35
+ "packageManager": "yarn@4.3.1",
36
+ "dependencies": {
37
+ "@karibash/pixel-units": "^2.3.0"
38
+ },
39
+ "devDependencies": {
40
+ "@commitlint/cli": "^19.3.0",
41
+ "@commitlint/config-conventional": "^19.2.2",
42
+ "@wistia/eslint-config": "^0.34.0",
43
+ "deasync": "^0.1.30",
44
+ "husky": "^9.0.11",
45
+ "js-yaml": "^4.1.0",
46
+ "node-gyp": "^10.1.0",
47
+ "onchange": "^7.1.0",
48
+ "prettier": "^3.3.2",
49
+ "style-dictionary": "^3.9.2"
50
+ },
51
+ "resolutions": {
52
+ "postcss": ">=8.4.38"
53
+ }
50
54
  }